IPrice minimart - руководство пользователя

Стили CSS, шаблоны и макеты

VKontakte

Вы можете изменять оформление лицевой части компонента IPrice minimart с помощью переопределения стилей CSS, переопределения шаблонов и макетов компонента.

Переопределение стилей CSS

Стили CSS лицевой части компонента расположены в каталоге сайта /components/com_ipricecalc/css в соответствующих подкаталогах. Подробнее смотрите соответствующий подраздел в данном разделе.

Для переопределения стилей CSS используйте специальный каталог /components/com_ipricecalc/css-override, имеющий аналогичную структуру с каталогом /components/com_ipricecalc/css. Создайте CSS файл в каталоге /css-override в соответствующей подпапке с именем таким же, который вы хотите изменить в каталоге /css. Добавьте в созданный файл только те классы и атрибуты классов, которые вы хотите изменить. Таким образом при последующем обновлении компонента стили в каталоге /css заменятся на стили новой версии, но в каталоге /css-override останутся и будут применяться ваши изменения стилей. Например, если вы хотите переопределить некоторые стили прайс-листа, которые находятся в файле /components/com_ipricecalc/css/price/default.css, то создайте файл /components/com_ipricecalc/css-override/price/default.css. Затем скопируйте CSS классы, которые вы хотите изменить в этот созданный файл и внесите необходимые изменения для этих CSS классов. Рекомендуется включать в созданный файл только те атрибуты стилей, которые вы изменили, удалив все неизмененные атрибуты. Это обеспечит максимальную совместимость с предыдущими версиями при обновлении компонента.

Переопределение макетов (Layouts)

Макеты (Layouts) - это фрагменты HTML кода, которые используются многократно на страницах компонента IPrice minimart. Макеты расположены в каталоге сайта /components/com_ipricecalc/layouts/com_ipricecalc/. Компонент содержит следующие макеты:

  • cart-modal.php - код всплывающего окна корзины заказа, которое отображается после нажатия кнопки "В корзину".
  • catalog_card1.php - Карточка товара со стилем оформления 1, отображаемая в режиме каталога.
  • catalog_card2.php - Карточка товара со стилем оформления 2, отображаемая в режиме каталога.
  • catalog_minicard.php - Карточка товара с минимизированным стилем оформления (по умолчанию), отображаемая в режиме каталога. так же с помощью мини-карточек товара отображаются рекомендуемые товары на странице товара.
  • image.php - HTML код отображения изображения товара.
  • imagegallery.php - HTML код отображения галереи товара. Он используется на странице товара и на странице категории товара, если категория имеет галерею изображений.
  • inputqty.php - HTML код отображения поля выбора количества товара. Используется на всех страницах компонента, где предусмотрен ввод количества товара.

Вы можете переопределить любой из макетов, сохранив файл макета в каталог шаблона вашего сайта /templates/имя_шаблона/html/layouts/com_ipricecalc/ и изменив файл макета под ваши нужды. Следует с осторожностью изменять PHP код макета, так как макеты в новых версиях могут кардинально отличаться и быть не полностью совместимыми с макетами старых версий, особенно если разница в версиях велика. Поэтому если вы столкнулись с проблемой работы переопределенного макета, то рекомендуется снова скопировать в папку шаблона Joomla файл макета новой версии и снова внести в него необходимые изменения.

Переопределение шаблонов (templates)

Вы можете переопределять шаблоны вывода компонента, скопировав соответствующий шаблон в каталог шаблона вашего сайта /templates/имя_шаблона/html/com_ipricecalc/. Например, чтобы изменить шаблон вывода прайс-листа, скопируйте файл /components/com_ipricecalc/views/price/tmpl/default.php в каталог /templates/имя_шаблона/html/com_ipricecalc/price/ и сделайте необходимые изменения в скопированном файле шаблона. Следует с осторожностью изменять PHP код шаблона, так как шаблоны в новых версиях могут кардинально отличаться и быть не полностью совместимыми с шаблонами старых версий, особенно если разница в версиях велика. Поэтому если вы столкнулись с проблемой работы переопределенного шаблона, то рекомендуется снова скопировать в папку шаблона Joomla файл шаблона новой версии и снова внести в него необходимые изменения.

Содержание

Подпишитесь



Подпишитесь на наши новости и социальные сети, чтобы быть в курсе последних обновлений.


Вход