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

Оформление каталога

VKontakte

Изменение размеров карточки товара, категории, раздела.

Изменение высоты карточки:
  • для карточки раздела и категории: свойство min-height и max-height класса .ip_cardcategory в файле /components/com_ipricecalc/css/price/category.css
  • Для карточки товара: свойство min-height и max-height класса .ip-catalogitem в файле /components/com_ipricecalc/css/catalogue/card1.css (или card2.css или minicard.css в зависимости от выбранного типа карточки товара в параметрах компонента)
Следует задавать максимально необходимую минимальную высоту карточки (min-height), чтобы умещалась информация для самых насыщенных информацией карточек и высота всех карточек была одинаковой. Максимальная высота карточки (max-height) предназначена для ограничения высоты карточки на узких экранах мобильных устройств, когда карточка сжимается по ширине узкого экрана и растет ее высота. Для свойства max-height можно задавать заведомо большие значения, если не нужно ограничивать высоту карточки на узких экранах. Если информация в карточке не входит в указанные размеры, то она будет обрезаться.

Изменение ширины карточки:
  • для карточки раздела и категории: свойство min-width и max-width класса .ip_cardcategory в файле /components/com_ipricecalc/css/price/category.css
  • Для карточки товара: свойство min-width и max-width класса .ip-catalogitem в файле /components/com_ipricecalc/css/catalogue/card1.css (или card2.css или minicard.css в зависимости от выбранного типа карточки товара в параметрах компонента)
Разметка каталога оптимизирована под "резиновый" шаблон сайта. Карточки располагаются в одну строку пока для них хватает ширины рабочей области сайта. Последующие карточки переносятся на новую строку. По умолчанию карточка принимает ширину max-width, если она входит по ширине в рабочую область сайта. На устройствах с очень узким экраном карточка может ужаться до ширины min-width, если она не входит в рабочую область сайта.
Для сайтов с фиксированной шириной рабочей области подберите макс. ширину карточки (max-width), чтобы карточки в одной строке заняли ровно всю ширину рабочей области сайта.
Если карточки товара имеют примерно одинаковое по объему наполнение, то рекомендуется вместо min-width,max-width и min-height,max-height установить фиксированную ширину и высоту карточки товара (атрибуты height и width).

Изменение оформления каталога.

Для изменения внешнего вида каталога используйте следующие файлы:
  • /components/com_ipricecalc/views/price/tmpl/catalog.php - главный шаблон для вида каталога (список товаров, список категорий, список разделов)
  • /components/com_ipricecalc/css/catalogue/default.css - CSS файл для вида каталога
  • /components/com_ipricecalc/css/price/category.css - CSS файл для списка категорий
  • /components/com_ipricecalc/layouts/com_ipricecalc/catalog_card1.php - шаблон для карточки товара 1 в списке товаров каталога
  • /components/com_ipricecalc/css/catalogue/card1.css - CSS файл для карточки товара 1 (card1)
  • /components/com_ipricecalc/layouts/com_ipricecalc/catalog_card2.php - шаблон для карточки товара 2 в списке товаров каталога
  • /components/com_ipricecalc/css/catalogue/card2.css - CSS файл для карточки товара 2 (card2)
  • /components/com_ipricecalc/layouts/com_ipricecalc/catalog_minicard.php - шаблон для мини-карточки товара (шаблон по умолчанию, используется так же для списка сопутствующих товаров на странице товара)
  • /components/com_ipricecalc/css/catalogue/minicard.css - CSS файл для мини-карточки товара
  • /components/com_ipricecalc/templates/cartcategory.php - шаблон для карточки категории в списке категорий/li>
Так же используются следующие общие шаблоны для отдельных элементов каталога:
  • Шаблон вывода поля ввода кол-ва товара -  /components/com_ipricecalc/layouts/com_ipricecalc/inputqty.php
  • CSS оформление поля кол-ва товара, а так же полей ввода свойств товара - /components/com_ipricecalc/css/general.css
  • Шаблон вывода доступного кол-ва товара - /components/com_ipricecalc/helpers/html.php - функция showAvail
  • Шаблон вывода главного свойства товара - /administrator/components/com_ipricecalc/helpers/dropdown.php - функция dropdownHTML
  • Шаблон вывода свойств товара - /administrator/components/com_ipricecalc/helpers/html.php - функция userInputFieldHTML

Содержание

Подпишитесь



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


Вход