Discount Table Design

You can design the discount offer table that will be displayed on the product detail page. You can customize the discount offer table as per your store’s theme. Here, three sections are provided: Table Section Style, Table Header Cell Style, and Table Cell Style.

 

Configure the appearance of the discount table by customizing the color combinations of the content.

 

Table Section Style: You can customize the main section (title) of the table.

 

– Font Color: Choose the font color of the section.

– Background: Choose the background color of the section.

– Border: Choose the border color of the text.

– Title Position: Set the position of the section.

– Font Size: Set the font size of the section.

– Border Width: Set the border width of the section.

 – Minimum Quantity Label: Insert the text caption for the minimum quantity label.

– Discount Label: Insert the text caption for discount.

 

Table Header Cell Style: You can customize the header details of the table.

 

– Background: Choose the background color of the header cell.

– Font  Color: Choose the font color of the header text.

– Text Align: Set the horizontal alignment for the header text. (Left, Center, or Right)

– Padding: Set the space around the text inside the borders.

– Font Size: Set the font size of the header text.

 

Table Cell Style: You can customize the content of the table.

 

– Background: Choose the background color of the cell.

– Font Color: Choose the font color of the text under the header.

– Text Align: Set the horizontal alignment for the text. (Left, Center, or Right)

– Padding: Set the space around the text inside the borders.

– Font Size: Set the font size of the text under the header.

The ‘color picker’ tool is provided to choose the relevant color for the content as per your store’s theme. You will see the real-time preview of the configured style on the right side.

 

By clicking on the Save button, all the configurations will be saved and applied to your online store.

Post a Comment