Design:

  • To configure the design, click Design. The 'Design' section will be displayed as shown in the figure.


 Product Showcase

  • To give a specific look and feel to your container like color, graphical appearance, etc…select Container 1/2/3/4 etc… or Container_nopadding from the Theme Container drop-down.
    • Note: Containers 1/2/3/4 etc…gives the different color look and graphical appearance of the container; whereas, Container_nopadding gives a plain container without any specified classes.
  • To display the products in the showcase in a grid view as shown in Figure, select Grid View from the Showcase Layout drop-down.


 Product Showcase

  • If you have selected 'Showcase Layout' as 'Grid View', select a suitable template from the 'Grid View Template' drop-down.
  • To configure the height of the image container in grid view, enter the suitable value in the Box Height (Grid View) text box.
  • To configure the width of the image container in grid view, enter the suitable value in the Box Width (Grid View) text box.
  • To display the products in the showcase in a list view as shown in Figure, select List View from the Showcase Layout drop-down.


 Product Showcase

  • If you have selected 'Showcase Layout' as 'List View', select a suitable template from the 'List View Template' drop-down.
  • To configure the height of the image container in list view, enter the suitable value in the Box Height (List View) text box.