Как искать стили в шаблоне и заменять их?


На примере шаблона Color 2.0 мы покажем, как последовательно искать стиль блока, текста и любого другого элемента на странице для замены (цвета, размера, фона).

  1. Вам потребуется браузер Google Chrome. Если у вас он не установлен, скачайте его по этой ссылке
  2. Откройте в браузере ваш магазин или сайт
  3. Наведите курсор мыши на необходимый для изменения блок
  4. Нажмите правую кнопку мыши на этом блоке и выберите пункт "Просмотреть код" (или CTRL+SHIFT+I)
  5. Нажмите кнопку "Elements"
  6. Выберите необходимый блок стиля ниже в коде (он будет подсвечиваться светло-синим) и нажмите на него п.1 (см. картинку ниже)
  7. В правой части у вас появится название этого стиля и файл, в котором необходимо его найти п.2 (см. картинку ниже)
  8. Замените необходимый параметр (например поменять фон с белого на черный) и замените его п.3 (см. картинку ниже)
  9. Например было (в файле style.css)
.catalog_small li {
    background: #ffffff;

стало

.catalog_small li {
    background: #000000;

Смотрите также

Сборник небольших советов и секретов

Вывести конкретную характерстику в любом месте шаблона
Соцсети Яндекс.Дзен и Telegram
Микроразметка ld+json для Shop-Script
Характеристики в старых версиях движка
Отложенная загрузка блоков
Отслеживание нажатия на кнопку в корзине
Вывести N-рандомных товаров из списка
Отображение диапазона цены "от и до" в Shop-Script 8
"Прилипание" навигационного меню при прокрутке
Модификаторы Smarty в Webasyst и использование в Shop-Script
Разные блоги для одного шаблона
Скрыть наличие в TopShop