Product gallery

In this section you can see products with quick add button. There is only product image available. Click on plus icon it will show product view modal.

Setting
Description

Color scheme

In this section, you can change the background and foreground color of a section using the color scheme. We provide total scheme 13. User can select any color scheme out of scheme 13.

  • Scheme 1

  • Scheme 2

  • Scheme 3

  • Scheme 4

  • Scheme 5

  • Scheme 6 and so on.

Layout

Customization of the "Layout" in this section is as follows:

  • Full width

  • Grid

Heading

Text

Enter text to defines the main heading of the section.

Size

Following is the font size customization of the heading of the section:

  • Small

  • Medium

  • Large

  • Extra large

Alignment

Customization of the "Alignment" in this is as follows:

  • Left

  • Center

Display type

Customization of the "Display type" in the product gallery section is as follows:

  • Grid

  • Carousel

Collection

Select a collection to display products in the section.

Image ratio

In the section, Image ratio customization is as follows:

  • Adapt to image

  • Portrait

  • Square

Show second image on hover

By enabling this, when you hover on image it will display second image on hover.

Maximum products to show

"Maximum products to show" is to specify how many products to show in a section. You can show a minimum of “2” and a maximum of “16” products.

Number of columns on desktop

"Number of columns on desktop" is to customize the column on the desktop screen. You can show a minimum of “3” and a maximum of “8” products.

View all button

Enable "View all" button By enabling this checkbox, you can see "View all" button if list includes more products than shown.

Label

Use "Label" to add a label to the Button in the section.

Style

Customization of the "View all" style in the product gallery section is as follows:

  • Link

  • Outline

  • Solid

Position

Customization of the "View all button position" in the product gallery section is as follows:

  • Top

  • Bottom

Last updated