IPrice minimart user guide

Customizing catalogue

VKontakte

Changing the size of the item card or the category card

  • You can change the height and width of a category card using min-height, max-height,min-width and max-width attributes of the CSS class .ip_cardcategory in the CSS file /components/com_ipricecalc/css/price/category.css. If the category cards contain approximately the same content by volume, then use the height and width attributes instead of min-height and min-width.
  • You can change the height of the product card using min-height option of the CSS class .ip-catalogitem in the CSS file /components/com_ipricecalc/css/catalogue/card1.css (or card2.css, depends on selected layout of a product card in parameters component). You can also use max-height option to limit an automatic increase of the height of the card. If the product cards contain approximately the same content by volume, then use the height and width attributes instead of min-height and min-width.

Customizing a catalogue layout

You can customize catalog layout using these template files:
  • /components/com_ipricecalc/views/price/tmpl/catalog.php - main template for catalog layout (list of items, list of categories, list of sections)
  • /components/com_ipricecalc/css/catalogue/default.css - CSS file for catalog layout
  • /components/com_ipricecalc/css/price/category.css - CSS file for list of categories
  • /components/com_ipricecalc/layouts/com_ipricecalc/catalog_card1.php - template for item card 1 in item list of the catalog layout
  • /components/com_ipricecalc/css/catalogue/card1.css - CSS file for item card 1
  • /components/com_ipricecalc/layouts/com_ipricecalc/catalog_card2.php - template for item card 2 in item list of the catalog layout
  • /components/com_ipricecalc/css/catalogue/card2.css - CSS file for item card 2
  • /components/com_ipricecalc/layouts/com_ipricecalc/catalog_minicard.php - template for a mini-card product (the default template, is also used for a list of related products on the product page).
  • /components/com_ipricecalc/css/catalogue/minicard.css - CSS file for item mini-card.
  • /components/com_ipricecalc/templates/cartcategory.php - template for category card in сcategory list of the catalog layout

The following layouts and templates for catalog items are also used:
  • /components/com_ipricecalc/layouts/com_ipricecalc/inputqty.php - HTML code for displaying the item quantity selection field. It is used on all pages of the component where input of the quantity of goods is provided.
  • /components/com_ipricecalc/css/general.css - CSS styles for item quantity selection field and dropdown input fields of the item properties.
  • /components/com_ipricecalc/helpers/html.php , function showAvail() - template output available quantity of items.
  • /administrator/components/com_ipricecalc/helpers/dropdown.php , function dropdownHTML() - output template of the main property of the item.
  • /administrator/components/com_ipricecalc/helpers/html.php , function userInputFieldHTML() - item properties output template.

Subscribe



Subscribe to our newsletter and social networks to be updated with the latest updates.

Login