Collection list

Poco theme provides a section, namely "Collection list" in this section, you can show the collection as a collection list slider. You can display a maximum of fifteen collections in this section.

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.

Spacing around image

"Spacing around image" is to customize the spacing around image. You can show a minimum of “0” px and a maximum of “30” px spacing.

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 collection list is as follows:

  • Grid

  • Carousel

Number of columns on desktop (Vertical)

"Number of columns on desktop" is to customize the column on the desktop screen. You can show a minimum of “2” and a maximum of “7” collections.

Position

Collection list section has two direction to show the design.

  • Horizontal

  • Vertical

Image ratio

In the section, Image size customization is as follows:

  • Adapt to image

  • Small

  • Medium

  • Large

Style

Customization of the "Style" in the collection list is as follows:

  • Standard

  • Card

Card 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.

Text alignment

Customization of "Text alignment" as follows:

  • Left

  • Center

  • Right

Collection name size

Customization of "Text size" is as follows:

  • Small

  • Medium

  • Large

Uppercase name

Enabling this checkbox will display collection title with uppercase text.

"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 collection list section is as follows:

  • Link

  • Outline

  • Solid

Position

Customization of the "View all button position" in the collection list section is as follows:

  • Top

  • Bottom

Carousel

Pagination style

This feature specifies the design and appearance of pagination controls like below:

  • None

  • Dots

  • Arrows

Enable autoplay

Enable this checkbox to automatically rotate the images in the Collections.

Autoplay interval

Use the bar to set the auto-rotate time of the collection slide. You can set a minimum of “3” seconds and a maximum of “9” seconds.

Add Collection

To add collection to the collection list section, click on the 'Add Collection'. There are many options available similar to the collection list, as you can see in the below points and screenshot:

Block
Description

Collection

Select a collection to display collection in the section.

Image

Select image to display custom collection image.

Custom collection name

Enter text to display as a collection name in the section.

Description

Enter text to display as a description or other text in the section.

Button

Label

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

Style

Customization of the "View all" style in the collection list block is as follows:

  • Link

  • Outline

  • Solid

Last updated