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

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

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

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

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

Для изменения внешнего вида каталога используйте следующие файлы:
  • /components/com_ipricecalc/views/price/tmpl/catalog.php - главный шаблон для вида каталога (список товаров, список категорий, список разделов)
  • /components/com_ipricecalc/css/catalogue/defailt.css - CSS файл для вида каталога
  • /components/com_ipricecalc/views/price/tmpl/categories.php - шаблон для списка категорий
  • /components/com_ipricecalc/css/price/category.css - CSS файл для списка категорий
  • /components/com_ipricecalc/views/price/tmpl/sections.php - шаблон для списка разделов
  • /components/com_ipricecalc/css/price/section.css - CSS файл для списка разделов
  • /components/com_ipricecalc/templates/cart1.php - шаблон для карточки товара 1 в списке товаров каталога
  • /components/com_ipricecalc/css/catalogue/cart1.css - CSS файл для карточки товара 1 (cart1)
  • /components/com_ipricecalc/templates/cart2.php - шаблон для карточки товара 2 в списке товаров каталога
  • /components/com_ipricecalc/css/catalogue/cart2.css - CSS файл для карточки товара 2 (cart2)
  • /components/com_ipricecalc/templates/cartcategory.php - шаблон для карточки категории в списке категорий/li>
  • /components/com_ipricecalc/templates/cartsection.php - шаблон для карточки раздела в списке разделов
  • /components/com_ipricecalc/templates/minicard.php - шаблон для мини-карточки товара (используется для списка сопутствующих товаров на странице товара)
  • /components/com_ipricecalc/css/catalogue/minicard.css - CSS файл для мини-карточки товара
Так же используются следующие общие шаблоны для отдельных элементов каталога:
  • Шаблон вывода поля ввода кол-ва товара - /components/com_ipricecalc/helpers/html.php - функция inputHTML
  • 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

Недавно обновленные

Содержание