In order to install Product Catalog extension, go: Extensions > extensions manager > choose the zip file > upload > module manager > activate
Menu > main menu> choose one of your menu items> select our extension as menu item type>choose catalog from the list of created catalogs
Extensions > Plugins > find our catalog plugin > and activate it Now you can use it as article item
Module of this extension is made to facilitate the process of using the plugin within page. You can: place it in different positions within page, choose in which pages to display or not.
How to install module zip file:
Extensions > Module Manager > Activate Huge-IT Catalog > Choose Product Catalog and Position within specific theme (on right panel) > Menu assignment > Choose where to display it
Components > Catalog > My First Catalog. On the admin page of the Product Catalog extension gives you 5 ways to demonstrate your products
Extension gives you 5 ways to demonstrate your products
Easy drag & drop function to change the order of created products.
Title - write title to each project
Description - make it full with description text
URL - add external URL link( which will work on “View More†button
Creation of unlimited amount of Parameters
Pagination, “Load More†buttons
After creation, take the shortcodes to add into article/page/template.
Use standard Joomla uploader to add product image. Press “Add New productâ€. (+) add additional images of the product
Add product name
Give product price
Write discount price
This is set as “defaultâ€, you will use our single product page, or add your link, if you need to use your own created product page
Give description about the catalog of the products
You can also add other additional parameters
This button will open a window with product reviews’ list
This button will open a window with ratings of the product
Choose one of the views from 5 available catalog views
This area is made to add or change the additional parameters of the product
You can upload cover image for catalog
With shortcodes you can create the catalog in article
This is free section, from here you can make translation changes on texts and submission message configurations
Translations. From this section you can change the text inside many buttons, or translate it into your language.
Submit text on price label
Submit “Share†label text
Submit text on rating block
Submit Text instead of “Parameters†label
Submit Text instead of “Comments†label
Submit Commentator “Name†label
Submit “Your Comment†label text
Submit “Captcha†label text
If captcha is wrong, write error message text
Submit making order, write order popup title text
Submit e-mail input text
Submit phone number input text
Submit “message†input text
Submit text on “View Product†button
Submit text On “Contact To Seller†button
Submit text on “Submit†button of the comment
Submit text on “Submit†button of the order page/popup
Select, to send an email to administrator for each submission
Submit e-mail address of the administrator
Write subject of the message
Submit email address, from whom this message should be sent to administrator
Here you can write your message to administrator
Select to send a message to user’s email
Write subject for your message
Write auto message text for submitted user
Select this to see the contact to seller button on each product page
From this section you can manage product ratings.
You can easily manage them, edit or remove
This is Catalog Options section. Catalog consists of all products, so catalog view is mostly product initial view. It has 5 views. The relevant changes will affect in all catalogs using that specific view option.
This option will enable lightbox on additional images
This option will enable zoom lens on the images
Select to see thumbnail images
Choose the positioning for additional images
Configure width of the additional images
Choose some color for element background
Set width level and you can have border on element
Choose border color
Choose light or dark color for toggle button
Don’t select to hide separational lines
Pin to see product button or not
Pick up font size for button text
Select a color for product button text
Choose some color for product button font while the mouse hovers it
Choose some color for product button while the mouse hovers it
Choose some color for product button while the mouse hovers it
Set width of main image box
Define the height of main image box
Configure title size
Reset font color
Enable or disable description from here
Configure size of description text
Configure font color for description
Select to make the price for the products visible in catalog
Configure price and discount price font size
Configure price and discount price font color
Set the preferable position for load more icon
Change font size of the load more button text
Change the color of the button text
change the color of the text when you hover a mouse on it
Background color of the button
Background color when a mouse hovered on it
Pick up one animation type
Set your desired font size for the Catalog Pagination
Change the color of the catalog pagination icons
Select one of the amazing colors for the pagination
Set your desired size for the pagination icon
Select one of the preferable position for the pagination: Left, Right, Center
Select to open images with lightbox tool
Select to activate zooming on main images
Here select width size for element
Pick up color for element background
Decide some width number and you can have element border
Decide color for border on element
Select in order to see or don't see separation lines
Pin to see product button or not
Pick up font size for button text
Select a color for product button text
Choose some color for product button font while the mouse hovers it
Choose some color for product button while the mouse hovers it
Choose some color for product button while the mouse hovers it
Configure title size
Reset font color
Decide to see additional images or not
Decide where to display additional images
Write width size for additional images
Enable or disable description from here
Configure size of description text
Configure font color for description
Select to make the price for the products visible in catalog
Configure price and discount price font size
Configure price and discount price font color
Set the preferable position for load more icon
Change font size of the load more button text
Change the color of the button text
change the color of the text when you hover a mouse on it
Background color of the button
Background color when a mouse hovered on it
Pick up one animation type
Set your desired font size for the Catalog Pagination
Change the color of the catalog pagination icons
Select one of the amazing colors for the pagination
Set your desired size for the pagination icon
Select one of the preferable position for the pagination: Left, Right, Center
Change size for title on element
Configure title color on the element
Pin to see product button or not
Pick up font size for button text
Select a color for product button text
Set some color for product button while the mouse hovers it
Set size for title in popup
Select title color in popup
Tick this option on and you can see description text in popup
Adjust size of the description text
Pick up a color for description text in popup
Select to make the price for the products visible in catalog
Recall the price block
Recall discount price block
Configure price and discount price font size
Configure price and discount price font color
Set width size for elements of the product in catalog
Define the height for elements of the products in catalog
Adjust some color for element background
Set color for border on element
Set color for element overlay
Define the level of opacity for element overlay
Choose white or black zoom icon
Select to fill the popup with main image, and don’t select to leave natural size of the image
Choose some color for popup background
Select some color for the background behind the popup
Define the level of opacity of the background behind popup
Choose black or white “x†button in popup
select to show separation lines between texts in popup
Decide to see additional images in popup or not
Choose the positioning of the additional images in popup
Write width size for additional images in popup
Define the height size for additional images in popup
Pin to see product button or not
Pick up font size for button text
Select a color for product button text
Choose some color for product button font while the mouse hovers it
Choose some color for product button while the mouse hovers it
Choose some color for product button while the mouse hovers it
Set the preferable position for load more icon
Change font size of the load more button text
Change the color of the button text
change the color of the text when you hover a mouse on it
Background color of the button
Background color when a mouse hovered on it
Pick up one animation type
Set your desired font size for the Catalog Pagination
Change the color of the catalog pagination icons
Select one of the amazing colors for the pagination
Set your desired size for the pagination icon
Select one of the preferable position for the pagination: Left, Right, Center
Select to open images with lightbox tool
Select to activate zooming on main images
Select width size for element
Pick up color for element background
Write some width number and you can have element border
Pick up color for border on element
Tick to see or not to see separation lines
Tick to see product button or not
Elect font size on button text
Take color on product button text
Take on product button text while hove a mouse on it
Take color on product button background
Take color on product button background when you hover a mouse
Configure title size
Reset font color
Decide to see additional images or not
Decide where to display additional images
Write width size for additional images
Define the height size for additional images
Select to make the price for the products visible in catalog
Configure price and discount price font size
Configure price and discount price font color
Set the preferable position for load more icon
Change font size of the load more button text
Change the color of the button text
change the color of the text when you hover a mouse on it
Background color of the button
Background color when a mouse hovered on it
Pick up one animation type
Set your desired font size for the Catalog Pagination
Change the color of the catalog pagination icons
Select one of the amazing colors for the pagination
Set your desired size for the pagination icon
Select one of the preferable position for the pagination: Left, Right, Center
Put check mark whether to show thumbnail
Select the width of the thumbnails for the catalog
Select the height of the thumbnails for the catalog
Select to open images with lightbox tool
Select to activate zooming on main images
Decide the width of the main image
Enable or disable thumbnails under main image
Configure the width of thumbnail images
Define the height of thumbnail images
Pin to see product button or not
Pick up font size for button text
Select a color for product button text
Choose some color for product button font while the mouse hovers it
Choose some color for product button while the mouse hovers it
Choose some color for product button while the mouse hovers it
Choose color for content background
Choose dark or with arrows on slider
Select to see separator lines between texts
Configure title size
Reset font color
Enable or disable description from here
Configure size of description text
Configure font color for description
Select to make the price for the products visible in catalog
Configure price and discount price font size
Configure price and discount price font color
Select to have lightbox feature on images or not
select to have zooming feature on images or not
Decide the width of the main image
Enable or disable thumbnails under main image
Configure the width of thumbnail images
Define the height of thumbnail images
Select to see comments or not
Choose color for commentator name
Choose color for comment text
Choose color for comments’ container
Change the text on “submit†button
Decide text size for “submit†button text
Choose color for “submit†text
Choose other color for “submit†button text while hover a mouse on it
Choose color for “submit†button background
Decide color for product block background
Decide font size for product title
Decide font color for title
Select to show the price or not
Give size to price text
Choose color for price text
Select to show description or not
Decide font size for description text
Choose color for description text
Select to show rating for the product or not
Select to show share buttons or not
Choose font size for rating/share buttons label
Choose font color for rating/share buttons label
Select t see separator lines in product box between texts
Choose color for text in tabs
Choose color for text in tabs while hover mouse on it
Choose tab’s border color
Select to see parameters tab
Choose color for parameters name
Choose color for parameters value
Select two colors for the gradient on popup
Add some title to popup
Decide font size for the title
Decide color of the font
Choose one of the close button styles
Change border size of the form fields border
Decide color for the button border
Change text size on “submit†button
Change text color on “submit†button
Change background color of “submit†button
Change color of the “submit†button while hover a mouse over it
Click to enable or disable “contact seller†button
Change text size on “contact seller†button
Change text color on “contact seller†button
Change text color on “contact seller†button while hover a mouse over it
Change background color of “contact seller†button
Change color of the “contact seller†button while hover a mouse over it
Pick up one of designed styles of ligtbox
Choose the effect of lightbox performance
From here, configure speed of opening for lightbox
Configure the speed of closing for lightbox
Tick to display the title of image
In opened position of lightbox, Define the level of opacity for the background overlay
Tick for automatically opening the first image after reloading
Tick to close the lightbox by clicking on the background overlay
Tick to close the image with esc button on keyboard
Tick to slide images in lightbox with left and right buttons
Selection of this option can allow to get to the first image after last image
Choose to display close button or not
Tick to fix the ligtbox position while scrolling the page
Choose the positioning of the the lightbox in 9 ways
Selection of this options will fix the popup width and height
Define the height size to the lightbox
Give width size to the lightbox
In case of size - unfixed, choose image max width
In case of size - unfixed, choose image max height
Decide the inceptive height of opening
Decide the inceptive width of opening
Tick to enable slideshow
Decide period between slides
Selection of this option will start slideshow automatically as you open a lightbox. Also there will be “play†and “stop†button for slideshow
Enter some new text on start button
Enter some new text of stop button
Window type of zoom icon
Choose width size for zoom window
Choose height size for zoom window
Adjust the position of window by x-asis
Adjust position of window by y-asis
Choose the positioning of zoom window
Decide color for zoom window border
Select the radius level of window corners
Tick on to allow zooming the thumbnail images
Tick on to have transparent overlay out of zoom window
Decide a color for tint overlay
Define the level of opacity for overlay,which is out of zoom window
Adjust fade-in speed for tint
Adjust fade-out speed for tint
Set fade-in speed for lens overlay
Set fade-out speed for lens overlay
Choose lens type Lens Color. Choose color overlay inside zoom lens
Choose opacity level for overlay inside zoom lens
The default cursor is usually the arrow, then set the cursor is a pointer and cross icon
Select for smoothly movement in lens view
Select to fix the size of the lens
Select to be able to scroll the zoom
Inner type of zoom icon
Comments Manager
Comments Manager. From this section you can manage reviews. It includes:
Author Name
Comment
Product Name
You can easily manage them, edit or remove