jaffagold

Первая картинка- выравнивание справа . Там баннер сверстан странно. Три ссылки с картинками внутри, которые спозиционированы с помощью неразрывных пробелов. Полагаю, что стоит переверстать модуль банера и загнать эти банеры в div-ы. Тогда можно думать о выравнивании. 2 и 3 картинка. Что имеется в виду? Поиск на малых экранах скрыт стилем @media (max-width: 767px) .header__nav-top { display: none; } Переназначить его на display: block;

Модули

Если модификатором добавить у всех модулей доп класс для div.row, например div class="row row-flex" И писать стили для него. То тогда- да. Что говорит статистика? Какой процент пользователей не увидит красоту?

.row Не надо трогать. Это ничего не дает. По крайне мере 3 способа описано выше.

Грубое, но рабочее решение: .caption h4 { height: 75px; } .caption > p:nth-of-type(1) { height: 145px; } Но надо проверить вывод товаров на разных страницах сайта, при различных разрешениях экрана. Также при разном отображении (Сетка/Лист) Скорее всего, придется чуть подправить. Также надо будет посмотреть на разных разрешениях экрана. Возможно придется дополнить стилями с медиазапросами. нет, не так... У вас Товары в Категориях правильно отображаются Просто задайте для модулей АНАЛОГИЧНУЮ разметку ( широкие блоки вместо узких) с учетом левого бокового меню, вам класс col-lg-3 не подходит- сильно зауживает блоки товаров в модулях если их поменять на col-lg-4 col-md-4 Все станет как надо <div class="product-layout col-lg-4 col-md-4 col-sm-6 col-xs-12"> ( это можно попробовать в Инспекторе кода, для трех соседних блоков. Сразу станет хорошо. Но это при условии, что модули выводятся только на Главной. И при наличии бокового меню. Как вариант, можно просто переписать стили для .common-home .product-layout.col-lg-3 { width:33.33333333% !important; } и @media (max-width: 992px) { .common-home .product-layout.col-md-3 { width:33.33333333% !important; } } Этот вариант самый быстрый по применению НО придется еще поразбираться со стилем @media (min-width: 1200px) stylesheet.css:718 #content .col-lg-2:nth-child(6n+1), #content .col-lg-2:nth-child(6n+1), #content .col-lg-3:nth-child(4n+1), #content .col-lg-4:nth-child(3n+1), #content .col-lg-6:nth-child(2n+1) { /* clear: left; */ } и @media (max-width: 1199px) and (min-width: 992px) stylesheet.css:727 #content .col-md-2:nth-child(6n+1), #content .col-md-2:nth-child(6n+1), #content .col-md-3:nth-child(4n+1), #content .col-md-4:nth-child(3n+1), #content .col-md-6:nth-child(2n+1) { /* clear: left; */ } Он как-бы делает перенос блоков на следующую строку и борется с "цеплянием" блоков друг за друга. А цепляются они только при разной высоте. НО внешний вид блоков с разной высотой все-равно - некрасивый, поэтому, мне кажется проще выровнять высоты блоков стилями или скриптом. А это стиль отменить. Или не меняя разметку в Схемах уберите Меню категорий из Левой части Можете просто в инспекторе кода правой кнопкой кликнуть на aside и нажать Delete элемент. А потом для блока контента пропишите col-sm-12 Ну, красота же ??? Зачем вам это боковое меню? Другой вариант: Есть скрипт выравнивания высоты блоков по максимальному. Используется в бесплатном шаблоне FastFood. Можете оттуда его вытащить. P.S. Зачем у вас в описании товара полностью повторяется его название причем большими буквами? Это- дурной тон. ПРОВОДНОЙ КОНТРОЛЛЕР ТЕРМОСТАТИЧЕСКИХ КЛАПАНОВ (8 СЕКЦИЙ) P.P.S. Если описаний ко многим товарам не будет, то будет много пустот в мини-карточках товаров в Категориях. Как вариант, можно переверстать так, чтобы описание показывалось при наведении. Как характеристики на "Розетке" А вывод описания в модулях, как мне кажется надо вообще отключить.

единственное, что не указано, так то, что надо использовать второй файл. Но это почти очевидно. Иначе зачем два? К тому же в файле readme видим тот же текст:

На самом деле можно сразу второй вариант делать, если в Категории иконка самой категории не нужна, а нужны только иконки подкатегорий. Сейчас там получается так: если есть иконка- делаем так, если нет иконки- делаем так же. То есть, условие проверки можно выкидывать смело.

или можно убрать лишний <div class="col-sm-12"> вообще или я не понял что требуется. Надо убрать картинку, но чтобы она осталась. Осталось понять где убрать и где оставить. Мне кажется, что имелось в виду в "стене категорий" должна остаться...

Во-первых, принято всю логику прописывать в контроллере, а вывод делать в tpl То, что вы делаете, создавая логику category.tpl может работать, но считается сделанным не по стандарту. Но если речь идет об одной правке, то ничего страшного не случится. Только не забывайте создавать резервные копии файлов до правки. Что касается самого кода. Если осторожно и в пошаговом режиме, то примерно так То в контроллере category.php есть в районе 140 строки такой код, который заполняет массив $data для передачи данных в category.tpl То, что выделено зеленым добавлено, чтобы передать в этом массиве id текущей категории. Чтобы не было путаницы имя переменной сделано понятным для восприятия и чтобы ничего не зацепить, в случае ошибки. Теперь, в нужном месте в файле category.tpl Можно вставить такой учебный код Тут сначала тестовое сообщение, чтобы выводилось без всяких условий. (так мы убедимся, что правки сработали) Потом вывод id категории Потом условие совпадения, в котором вывод сообщения с помощью php и html Сохранить файлы. Обновить модификаторы. Перезагрузить страницу ( Ctrl+F5). Проверить появление кода. Удалить ненужное. Заменить сообщение на желаемый код.

у вас из контроллера category_id разве передается в category.tpl ? Простая проверка id категории ничего не даст Надо из контроллера ее включить в массив $data И тогда только можно использовать. Типа $data['cat_id_to_tpl'] = $category_id; и уже $cat_id_to_tpl использовать в шаблоне вывода Для начала просто выведя номер категории через <?php echo $cat_id_to_tpl; ?>

дык, об чем и речь. этож кругом и рядом именно так в шаблонах и сделано.

http://php.net/manual/ru/control-structures.elseif.php на самом деле, ведь варианты независимы? так? Зачем вам ELSE вообще? Есть/Нет SKU - выводим/пропускаем Есть/Нет Model- выводим/пропускаем

А разве есть такой стандартный? поиск в Гугл: Создание копии модуля в опенкарт

А что, есть с чем совмещать?

Так вы поэмы не пишите там где должен быть режим работы и все будет хорошо. Пример: Звоните с 7.30 до 18.00 Заказ через корзину: 24/7

Насколько я понял, это только начало в списке желаний. Пожалуй, за результатом вам надо не в песочницу, а сюда или сюда

Вот разметка блока логотипа Сама картинка логотипа имеет класс img-responsive и заполняет собой все пространство блока, в котором находится. А находится она в блоке с идентификатором logo , который находится она в блоке с классом col-sm-3, который занимает 1/4 часть родительского блока( подробнее тут ). В Ширина на 22-дюймовом мониторе- более 400 пикселей. То есть, блок довольно широкий Но для вложенного в него блока задана ширина в стилях. #logo { display: inline-block; margin: -8px 0 10px; width: 192px; text-align: center; } И вдогонку, задана ширина изображения в этом блоке #logo img, #logo a img { width: 190px; } То есть, вы хоть шириной в 1000 пикселей загрузите логотип, все-равно он шире не станет. Сначала разберитесь с шириной самой картинки логотипа потом со стилями

Конечно же нет. Надо сначала разобраться с разметкой Бутстрап и понять, что означают эти классы. https://itchief.ru/lessons/bootstrap-3/22-the-grid-system-twitter-bootstrap-3 ( можно и на официальном сайте Бутстрап, но будет немного дольше) Потом поискать в Гуле "разметка Бутстрап 5 колонок" Сделать бэкап файлов. А потом внести изменения.

\catalog\view\javascript\next-default\common.js разметка устанавливается в зависимости от числа боковых колонок (левой и правой) ( 2, 1 или 0)

Так я же уже дал вам подробный ответ на ваш запрос. body[class^="product-category-62_"] ul.megamenu > li:nth-of-type(2) > a { color: #000; } Просто попробуйте прописать эти стили в stylesheet.css Аналогично определяйтесь с другими корневыми категориями. Но смотрите на порядковый номер в Главном меню и на класс тега body на странице Для Контактов все проще там просто используете класс у тега body на странице .information-contact ul.megamenu > li:nth-of-type(5) > a { color: #000; } Аналогично у Авторского букета .product-product-81 ul.megamenu > li:nth-of-type(3) > a { color: #000; } Сложнее всего с Доставкой Если прописать так, то пункт выделится и на Реквизитах и на других информационных статьях .information-information ul.megamenu > li:nth-of-type(4) > a { color: #000; } тут пока не вижу простого решения. Хотя, если так массово перекраивать все пункты меню, то тогда это получается слишком громоздкая костыльная конструкция. И замена порядка следования пунктов в меню поломает красоту. По-хорошему надо лезть в контроллеры и tpl-файлы и там перепахивать. Но не все с этим разберутся. Если меню так и останется практически статичное, то можно и стилями ограничиться

Ваша задумка состоит из двух частей независимых друг от друга. Добавить в карточку товара в Категории дополнительную информацию Сделать верстку карточек товара в Категории такой, чтобы блок с дополнительной информацией появлялся при наведении. (то есть, если нет готового модуля, можно решить ее по частям)

http://forum.opencart.pro/files/file/101-изменение-вида-кнопки-в-меню-два-варианта/

ul.megamenu > li > a:hover, ul.megamenu > li.active > a, ul.megamenu > li.home > a, ul.megamenu > li:hover > a { color: #000000; } но это всего- лишь стиль при наведении. Не совсем ясно зачем вам- у вас одна всего лишь категория товаров Цветы Во всех подкатегориях категории Цветы выделять Цветы в Главном меню? Используйте в селекторе первым класс тега body, начинающийся с нужной корневой категории типа: body[class^="product-category-62_"] самое последнее подчеркивание указывает на то, что мы находимся в подкатегории категории Цветы Например такой body[class^="product-category-62_"] ul.megamenu > li:nth-of-type(2) > a { color: #000; } Если речь о втором пункте Главного меню

Пойти на сайт Опенсервера, почитать их форум и установить... Куда проще.

Судя по всему нужен Конструктор Товаров или Конструктор Комплектов Вроде есть несколько модулей с похожим функционалом. Попробуйте поиском, только добавить слово опенкарт ( если в Гугле)