Попередження На цьому сайті використовуються файли cookie щоб забезпечити найкращу взаємодію з користувачем. Якщо ви продовжите перегляд, ви погоджуєтеся отримувати cookie OK

Как нужно, как можно и как нельзя делать Front-end разработчику в CS-Cart

menu_open
close
Как нужно
Как можно
Как нельзя
link

Как нужно

link

Как можно

В CS-Cart используется шаблонизатор Smarty и язык стилей LESS. Они позволяют нам вести разработку более гибко.

Что позволяет Smarty:

  • {capture name="my_capture"}{/capture} — это парный Smarty тег. Всё содержимое внутри будет сохранено в переменную и будет отображено на экран когда мы вызовем отображение через {$smarty.capture.my_capture nofilter}.

    Атрибут name можно задавать с любым значением, но он обязателен.

    Подробнее тут https://www.smarty.net/docs/en...

  • {foreach $items as $item}{/foreach} — это парный Smarty тег. Пробегает циклом по переменной (массиву или объекту) $items, каждый элемент будет записан в $item.

    Подробнее тут https://www.smarty.net/docs/en...

Что позволяет LESS:

link

Как нельзя

LESS:

  • Никогда не добавляем "от себя" переменные в файл цветосхемы. В противном случае при переключении темы сломается сайт. Новые переменные добавляем в своём файле стилей.
  • Стараемся не дублировать стили. Если мы оформляем сетку товаров и размер текста у цены одинаковый и в блоках и в категориях, то нужно найти общий класс родительский и задать размер сразу и там и там.
  • Никогда не оформляем стилями ширину у элементов скроллера. Их считает скрипт.
  • Зашивать статическую ширину — очень плохо. Не надо так. Применимо только для всяких кнопочек, выезжающих панелек и тп.