jaffagold

Если речь идет о стандартных стилях кнопки Купить или подобной, то обратите внимание на то, что там задан не только цвет фона, но и градиент. .btn-primary { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #229ac8; background-image: linear-gradient(to bottom, #23a1d1, #1f90bb); background-repeat: repeat-x; border-color: #1f90bb #1f90bb #145e7a; } Меняя цвет фона, но не указывая градиент, вы получаете глюк отображения.

http://htmlbook.ru/css/nth-child

Мне больше нравится, когда фон особый у главной категории и блока подкатегорий. ( дело вкуса). На дефолтном шаблоне типа того: .dropdown:nth-child(8), .dropdown:nth-child(8) .dropdown-menu { background: #eaba5f; } .dropdown:nth-child(1), .dropdown:nth-child(1) .dropdown-menu { background: #76bd76; } Но надо будет еще с :hover поработать.

В Инспекторе кода смотрите элементы, которые не перевели шрифт И тут одно из двух. Или пишите дополнительные стили, чтобы переназначить. Или, предварительно сделав бекап файла stylesheet.css, заменяете в нем все вхождения Montserrat и Proxima Nova на нужный шрифт. Хотя там еще пяток шрифтов найдется ( поиском по файлу stylesheet.css пройдитесь: font-family)

Повлечет появление горизонтальной полосы прокрутки при ширине экрана 1200 пикселей.

Так? .box-news li { display: inline-block; margin: 5px 10px; } .box-news li:first-letter { color: #3f57d2; font-weight: 600; } Ааааа... не так задумано.. Тогда еще проще Добавить в файле rssfeed.tpl в разметку класс col-md-6 <div class="box col-md-6"> И бутстрап все сделает за вас P.S. Возможно, еще понадобится .box.col-md-6:nth-child(2n+1) { clear: left; }

Вы прочитайте до самого конца. Вам именно об этом и говорили

хм... Прежде чем устанавливать шаблоны и прочее, вам бы стоило поближе познакомиться с работой опенкарт. Есть и описания и даже видеоуроки. Иначе, "наломаете дров". Без обид. Стандартно содержимое папки upload ( не папка, а ее содержимое) копируется в корень сайта. Туда, где уже находятся папки admin, catalog, image и system И обратите внимание на совместимость шаблона с используемой вами сборкой opencart.

Народ, не заморачивайтесь особо 5-колоночной версткой. Просто задумайтесь, во что превратится страница при ширине экрана 1600 пикселей. А 1200? А еще уже? Все равно придется перестраивать блоки по 3 в строку, а потом по 2 или по одному... Но если решили помучаться, то Посмотрите как прописаны родные стили бутстрап. Например, для col-lg-6 указано width: 50% ( 50% =6/12= 1/2 ширины блока), для col-lg-3 указано 25% ( 25% = 3/12= 1/4) А вам надо 1/5 ширины блока, чтобы разместить в строке 5 элементов. Придумайте себе свой новый класс. Пусть это будет класс col-lg-1_5 ( смысл этой маркировки- 5 элементов в строке) И пропишите этому классу стили width: 20% ( 20%= 1/5 часть ширины блока) И вместо класса col-lg-3 пропишите только там, где это нужно в разметке col-lg-1_5 P.S. Сначала посмотрите, как это будет смотреться в инспекторе кода. Он позволяет править стили и разметку, не внося изменения в файлы. Но изменения сохранятся до первого обновления страницы. P.P.S. Есть и другой вариант, но надо точно подобрать составные селекторы и переопределить ширину блоков. Но проблема в том, что есть еще файл common.js, который будет вам "ставить подножку"...

Судя по всему В файле \catalog\view\theme\fastfood\template\product\category.tpl надо закоментировать или удалить ( в районе 170 строки) <div class="wishlist"><a onclick="addToWishList('<?php echo $product['product_id']; ?>');" title="<?php echo $button_wishlist; ?>"><i class="fa fa-heart"></i></a></div> <div class="compare"><a onclick="addToCompare('<?php echo $product['product_id']; ?>');" title="<?php echo $button_compare; ?>"><i class="fa fa-bar-chart-o"></i></a></div> Но это в уберет ссылки в мини-карточках товара в Категории. У вас скриншот модуля Последние Надо искать аналогичный кусок в tpl модуля \catalog\view\theme\fastfood\template\module\latest.tpl И еще. Выдавая неполную информацию вы усложняете поиск решения. Полная информация включает название шаблона и ссылку на магазин.

указать в настройках шаблона нужный размер изображения товара ( миниатюры) - не менее, чем ширина экрана (мобильного). Но это существенно увеличит время загрузки страницы.

В ссылке, что я давал есть простой пример. Изучите его. в тексте страницы у нас, допустим: <body class="product-category-106_108" в стилях вместо привычного селектора по классу .product-category-106_108, .product-category-106_109, .product-category-106_120 { тут стили для перечисленных страниц } /* простое перечисление разных страниц и стили для них*/ пишем body[class^="product-category-106"] { тут ваши стили } ^- указывает на то, что класс начинается с product-category-106

http://htmlbook.ru/css/selector/attr3 класс тега = его атрибут

А зачем вам модуль для совершения элементарных действий? Фон страницы, например,- это вот такая запись в файле стилей body { background: и тут цвет или ссылка на картинку; } Теперь посмотрите, какой класс у тега body на разных страницах сайта. Используйте класс в качестве селектора. Теперь вы сможете задать индивидуальный фон для любой страницы сайта, а также для элементов внутри этой страницы. Полезные ссылки: http://htmlbook.ru/css http://htmlbook.ru/css/selector/descendant http://htmlbook.ru/css/selector/attr3

Поискам по файлам ищется легко: \catalog\language\ru-ru\checkout\checkout.php

и какое же это предупреждение?

В Админке в настройках этой категории зайдите на вкладку Дизайн. И там вместо экспериментального макета( который вы или кто-то присвоил этой категории) выберите макет Категория

Я не имею отношения к администрации сайта. Если вы действительно хозяин сайта, то вам лучше прислушаться к тому, что говорят эти джентльмены. Вы в шаге от бана. Как тогда сможете просить о помощи?

туда же не помешает padding-right: 10px; и .menu-body .yo-am { background: #eee;/*цвет по вкусу*/ } И проверит на мобильных (там будет проблема и не одна)

В вашем случае, когда опция не пристегнута к единице товара, то это не опции. Это- сопутствующие товары. В итоге имеем комплекты ( наборы) товаров

Придется настраивать ЛЮБОЙ шаблон. Но настройки там не такие уж и сложные. Посетите демо-сайт. Зайдите в Админпанель. Посмотрите как там все настраивается.

Так ведь это уже сделано: catalog\view\theme\default\template\product\category.tpl

Думаю, стили бутстрап не при чем. Все дело в селекторах, с помощью которых формируют перенос блоков со строки на строку (пример из демо ocStore): @media (min-width: 1200px) #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; } Таким образом формируется перенос блоков на новую строку с постоянным шагом. ( не вижу в этом особого смысла, они и так переносятся) Особенность селектора с псевдоклассом :nth-child () в том, что тэг H1, который появился над карточками товаров был тоже включен в этот счет. Поэтому в первой строке насчитали на 1 элемент больше и карточек товара вывели на одну меньше. Все это легко проверяется в инспекторе кода. Если заменить :nth-child на :nth-of-type то глюк пропадает. Вывод: Или не вносить в div.row ничего лишнего, кроме карточек товара. Или поменять селекторы. http://htmlbook.ru/css/nth-child http://htmlbook.ru/css/nth-of-type P.S. Если отключить в данном куске кода стиль clear: left; то станет очевидно, что в отображении страницы ничего не случилось. Пока не могу себе представить ситуацию, когда этот стиль имел бы решающее значение. Но надо позаботиться, чтобы высота блоков (мини-карточек товара) была одинаковой.

Можно. Порядок действий при внесении серьезных правок всегда такой: Бэкап базы данных Бэкап фалов опенкарта Внесение изменений Если все сработало- оставляем и двигаемся дальше. Если поломалось, то есть шанс или поправить или откатиться назад. Если правятся только файлы стилей или отдельные файлы шаблона, то достаточно делать бэкап только этих файлов. В вашем случае. Сначала делаете бэкап тех файлов, которые уже у вас есть. Потом заменяете на оригинальные. Не забываете обновлять кеш модификаторов и обновлять страницу сайта с очисткой кеша ( Ctrl+F5). И еще, проверяйте как выглядит сайт на разных разрешениях экрана.

Зачем вы стали трогать бутстраповские стили? Добром не кончится Посмотрите на вид сайта на разрешениях экрана от 990 до 1100 Витрину категорий вместо разметки <div class="col-md-3"> сделайте с такой разметкой- будет лучше <div class="col-md-4 col-lg-3"> Подсказка Если вам надо отдельно стилизовать что-то на отдельной группе страниц то посмотрите на класс у тега body Пример для товара: <body class="product-product-15596" Пример для категории: <body class="product-category-339_340" Пример для Главной: <body class="common-home" И разберитесь, как работают селекторы атрибутов.