COVID2019 и это вот все. Друзья, вся эта история начинает плохо пахнет. Мойте руки, не ходите в люди. Отложите все плановые покупки и положите в носок заначку. Заприте ваших родителей, бабушек-дедушек на даче. Лучше перебдеть чем недобдеть. Берегите себя!

Макет полная ширина страницы


Recommended Posts

OpenCart Pro Версия 2.3.0.2.5

Шаблон Адаптивный, многомодульный шаблон Aridius Modern v.2

 

Создаю собственный макет, чтоб ширина страницы была 100%, то есть вместо

.container {
    width: 1170px;
}

1. сделал свой стиль

.container-full { width:100%; padding:20px 0;}

2. На основе файла information.tpl  сделал свой full-page.tpl  в нем изменил на свой <div class="container-full">

3. В макетах создал новый "Полная ширина страницы", путь прописал information/full-page

4. Сбросил кеш

5. Создал новую страницу testovaja выбрав дизайн "Полная ширина страницы"

 

В итоге на этой странице не отображается class="container-full"  а стоит по старому class="container"

Что я не доделал или неверно сделал?

 

 

 

Ссылка на комментарий
Поделиться на других сайтах

Придумать ничего не надо, все придумано.

https://getbootstrap.com/docs/3.4/css/#overview-container

 

<div class="container-fluid">
  ...
</div>

 

6 минут назад, Егор2016 сказал:

2. На основе файла information.tpl  сделал свой full-page.tpl  в нем изменил на свой <div class="container-full">

3. В макетах создал новый "Полная ширина страницы", путь прописал information/full-page

здесь не tpl отвечает а контроллер, который уже ссылается на tpl

 

 

Ссылка на комментарий
Поделиться на других сайтах

31 минуту назад, Егор2016 сказал:

путь прописал information/full-page

 

23 минуты назад, Bondigo сказал:

здесь не tpl отвечает а контроллер

 

Ссылка на комментарий
Поделиться на других сайтах

Я понял что контроллер, который не реально изменить или не желательно.

Мне нужен макет новый на всю ширину страницы, значит так тоже не получится.

На сайте необходимо использовать лишь несколько страниц на всю ширину, без использования модуля, какой выход?

Ссылка на комментарий
Поделиться на других сайтах

Сделал так в файле  catalog/view/theme/modern/template/information/information.tpl  

вместо <div class="container">   поставил <div class="container-fluid">   и у макета Информация ширина страницы стала 100%, уже легче.

Но этот макет стандартный и его не хотелось бы ломать, а создать лучше свой с "container-fluid", как добиться своего макета с шириной 100% ?

 

 

 

 

Ссылка на комментарий
Поделиться на других сайтах

11 минуту назад, jaffagold сказал:

Обычно у каждой страницы магазина у тэга body есть УНИКАЛЬНЫЙ класс

Если у вашего шаблона так и есть, то вообще не должно быть проблем со стилями.

Делайте составной селектор, где первым будет стоять класс тэга body

для каждой страницы тогда придется в стили "ползать" добавлять не очень удобно(

Ссылка на комментарий
Поделиться на других сайтах

1 час назад, Егор2016 сказал:

Сделал так в файле  catalog/view/theme/modern/template/information/information.tpl  

Вы либо создаете другой контроллер и привязываете свой tpl, либо делайте проверку в контроллере information на information_id и выводите в зависимости от ID свой tpl.

 

Ссылка на комментарий
Поделиться на других сайтах

Лучшее контроллер создать. Cоздал копию контроллера с файла information.php,   {..\catalog\controller\information\full-page.php}

новый файл full-page.php, но в нем много строк для меня темный лес.

Прикрепил файл может кто-то сделает его, не понятно, что именно заменять.

 

Если зависимостей нет от других файлов, чтоб поднять  full-page.tpl,  то желательно контроллер стоит сделать.

 

full-page.php

Ссылка на комментарий
Поделиться на других сайтах

48 минут назад, Егор2016 сказал:

но в нем много строк для меня темный лес.

вы ответили на свой вопрос, или вы думаете за вас сделают все?

Ссылка на комментарий
Поделиться на других сайтах

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Гость
Ответить в тему...

×   Вы вставили отформатированное содержимое.   Удалить форматирование

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Сейчас на странице   0 пользователей

    • Нет пользователей, просматривающих эту страницу