Setup Instructions

5 Articles


How Product Matrix will be Configured in my store?

Check out the following steps in order to start using Zestard Product Matrix on your store.

General Settings have four different sections which we have explained ahead in the next consecutive sections.


Design Settings determines the design of the Product Matrix displayed on the store.

The overall appearance of the product matrix can be changed using the “Design Settings”.

 

 

1. Price Font size
Font size for the price displayed in the product matrix in the store can be changed using this option if the “Show Price?” option is enabled.
2. Quantity Font size
The font size of quantity displayed in the product matrix in the store can be changed using this option if the “Show 3.Stock Qty?” option is enabled.
3. Row Font Size
The font size of the row option can be changed using this option.
4. Column Font Size
The font size of the column option can be changed using this option.
5. Minimum Quantity Font size
Font size for minimum quantity messages can be changed using this option.
6. Show Product Matrix Box Border?
Whether to show Border around product matrix or not, displayed in-store.
7. Show Cell Border?
Whether to show Border around each cell of product matrix, displayed in-store.


Let’s make the Product Configuration Settings :

1. Show stock?
This option determines whether to display available stock for each of the variants or not.

2. Stock Position
This option determines where the stock will be displayed, relative to price and quantity input box.

3. Show Price?
This option determines whether to display a price for each of the variants or not. If the product has a different price for its different variants, then this option is useful. Otherwise, this option can be disabled if each variant of the product has the same price.

4. Price Position
This option determines where the price will be displayed, relative to stock and quantity input box.

5. Show Total
You can disable or enable showing the total for Product Matrix using this option.

6. Allow out of stock products to Order
If “Allow customers to purchase this product when it’s out of stock” setting is enabled from backend then this setting will allow out of stock products to order using the app, from the store.

7. Show Default Price:
Whether to show the default price of the product or not, Either “Show Default Price” or “Show Price” should be enabled, otherwise, the price will not be displayed in the product matrix at all.


Please look at the Language Settings options:

1.  Row Total Label
Label for showing Row Total values.
2. Column Total Label
Label for showing Column Total values.
3. Quantity Label
Label to show before value for each variant stock quantity is displayed.
4. Price Label
Label to show before value for each variant price is displayed.
5. Add to Cart Button Text
The text value for add to cart button.
6. Minimum Quantity Error Message
This message will be displayed when a customer clicks on add to cart & the total quantity of
product entered by the customer is less than the required quantity of product.
7. Minimum Quantity Error Message on Cart Page
This message will be displayed when the quantity in the cart is less than the minimum quantity required.
8. Minimum Quantity Message
Message to be displayed at the bottom of the product matrix for minimum quantity to be required to go to the cart page.


Please refer to the image shown below for the options provided for the Color Settings:

1. Product Matrix Box Border Color
Main Border Color around Product Matrix can be changed using this option.
2. Product Matrix Cell Color
Border Color around each cell of the product matrix displayed in frontend can be changed using this option.
3. Row Option Font Color
Font color for row options can be changed using this option.
4. Column Option Font Color
Font color for column options can be changed using this option.
5. Row Option Background Color
Background color for row options can be changed using this option.
6. Column Option Background Color
Background color for column options can be changed using this option.
7. Price Color
Font color for the price displayed in the product matrix, in the store can be changed using this option if the “Show Price?” option is enabled.
8. Quantity Color
Font color for quantity displayed in the product matrix, in the store can be changed using this option, if “Show Stock Quantity?” option is enabled.
9. Quantity Message Font Color
Font Color of quantity message displayed at the bottom of the product matrix can be changed using this option.
10. Additional CSS
If you want to add any other designing apart from the above-mentioned options, you can directly add CSS for that using this option.


These settings can be configured differently for each product.

1. Row Option
Only shown if 2 or 3 options are added for the product, which determines what option to show in a row of product matrix displayed in the store.
2. Show Stock Qty?
Only shown if 2 or 3 options are added for the product, which determines what option to show in a column of product matrix displayed in the store.
3. Minimum Quantity
Minimum Quantity of the Product required for an order, this option must be set product-wise from Product Settings tab.
4. Disable Zestard Product Matrix App for this product
Disable the app for a specific product. The default Shopify store layout will be shown instead of the Product matrix in store on the product page when this option is enabled.

 


Check out the Configuration section for help regarding pasting the shortcode.

Step 1/4 – For displaying product matrix on product page

This is the main shortcode, that will display the zestard product matrix on your store.

 

 

Step 2/4 – For hiding default options and variants dropdown box

You can skip this option if you do not want to hide the default Shopify options and a variant dropdown box.

 

 

Step 3/4 – For checking the minimum quantity on the cart page(Optional but recommended when minimum quantity validation is set)

This step is optional. But if you want minimum quantity validation to work on your cart page, you must follow this step.

 

 

Step 4/4 – For displaying an error message if minimum quantity criteria are not satisfied(Optional but recommended when minimum quantity validation is set)

This step is optional. But if you want minimum quantity validation to work on your cart page, you must follow this step.

  • We are here to help if you are facing any kind of issue for setting up the app.
  • Dial-up 91-79-40320305 or drop us an email at support@zestard.com for any help.