Warning Cookies are used on this site to provide the best user experience. If you continue, we assume that you agree to receive cookies from this site. 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...

link

Как нельзя

LESS:

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