Могу ли я переопределить стиль scss в Prestashop?

Я использую тему по умолчанию в Prestashop 1.6, и у меня есть проблема. То, что я пытаюсь сделать, это просто переместить навигатор на 25 пикселей выше. Я знаю, что мне нужно, чтобы удалить или изменитьМогу ли я переопределить стиль scss в Prestashop?

#block_top_menu { 
padding-top: 25px; 
}

в blocktopmenu.scss, который находится не в каталоге модулей, но в каталоге темы, который я предполагаю, как предполагается переопределить стиль по умолчанию. Когда я отключу его в инструменте Inspector браузера, он изменяется именно так, как я хочу, но он явно не сохраняет.

Я отредактировал файл, изменивший 25px на 0px. Когда я перезагрузил страницу, ничего не изменилось, и инспектор все еще показывает код, как будто я его никогда не модифицировал. Так что я редактировал blocktopmenu.css из категории модулей, добавив, важно, как так:

#block_top_menu { 
padding-top: 0px !important; 
}

надеясь переопределить SCSS. Однако никаких изменений не произошло. В отчаянии я удалил файл scss с сервера. Все равно никаких изменений, и инспектор показывает файл так, как будто он был там.

У меня нет идей. Должен ли я каким-то образом очистить кеш-архив prestashop или что-то еще? Пожалуйста помоги.

EDIT: Я очистил кэш. Без изменений.

источник

2015-06-17 Michał Skrzypek

Файл default-bootstrap/sass/modules/blocktopmenu/css/blocktopmenu.scss компилируется в default-bootstrap/css/modules/blocktopmenu/css/blocktopmenu.css

Если вы нашли файл .scss, также должен существовать соответствующий .css файл.

Теперь большинство пользователей просто изменяют файл .css, и нет ничего плохого в этом, но если вы делаете много изменений стилей (например, меняете цветовую схему для всего сайта), вероятно, лучше изменить файлы .scss и скомпилировать их в .css. если вы измените переменную темы в .scss, она будет изменена везде, где она была использована. Таким образом вам нужно только отредактировать одно место вместо X-мест.

Для работы с .scss вам нужны два инструмента: sass и compass. Вам необходимо установить инструкции по установке Google для вашей операционной системы.

После того, как эти инструменты установлены на вашей системе, вам нужно выполнить команду в консоли в папке темы (так как разные темы = разные стили):

/var/www/themes/theme1/ > compass build

работает компас строить в теме папка будет компилировать .scss файлов в .css и размещает их в css папке (темы).

источник

2015-06-17 19:35:15 gskema

Ваш ответ имеет такой смысл. Огромное спасибо. Я редактировал css только потому, что этого более чем достаточно для того, что мне нужно. –

Вы добавляете этот код в блок верхнего файла menu.scss но с использованием класса-оболочки для этого конкретного идентификатора, как: -

$block-top-menu{padding-bottom:25px!important;} 
    div.[your wrapper id which wrapes the element]#block_top_menu{padding-bottom:$block-top-menu;}

Это только на поездки, что особое положение не весь SCSS.

источник

2015-06-17 12:14:43

Это кажется полезным, но я действительно новичок в этом. Где я должен это поставить? В указанном файле scss? –

вам нужно обработать SCSS создать файл CSS ... (браузер читает только CSS)

что сказал Prestashop импортирует много CSS файлы основной является global.css, а затем большинство модулей имеют определенные таблицы стилей,
, если вы используете dev-tools, вы можете легко увидеть, что задает маржу и что вам нужно изменить, обычно в верхнем меню блока есть css-файл с именем superfish-modified.css;

также иметь в виду, что PS имеет встроенную систему кэширования ...

источник

2015-06-17 12:41:55 maioman

Могу ли я переопределить стиль scss в Prestashop?

ответ

Смежные вопросы