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/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), чтобы карточки в одной строке заняли ровно всю ширину рабочей области сайта.

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

Для изменения внешнего вида каталога используйте следующие файлы:

• /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