I. Collections List Page

• Collections list page: Display all collections in the store in a list.
  

How to create a Collection list page:

1. Access the Collections List section.

2. Customize the title in Heading.

3. Choose how to display collections in Sort collections by. They can be displayed alphabetically from A-Z, Z-A, day, month, etc..

4. Select the image ratio in Image ratio and the number of columns displayed on desktop and mobile.
   

II. Collections Page

To customize the Collection Page, you need to access Collections - Default Collection.

1. Tapita Top Collection

In this section, you can choose the default image for the collection at Default image. Check “Enabled” or “Disabled” to customize collection information.

You can customize the configuration for Collection page in the Section configuration section by choosing "Enabled" or "Disabled" for the following items:

• Section lazyload - lazy loading speed (a section will only load on the page when you scroll down to that section).

• Section max width: Width of section, if you choose “Disabled”, will default to the entire desktop with a size of 1830px. If you choose “Enabled”, you can customize the desired display size in Content max width.

• To adjust the size between sections on the page, you need to customize the size on the desktop screen in Desktop vertical spacing and Desktop margin bottom.

However, because the display sizes on the screens will be different, you need to align the sizes for tablet and mobile screens in Tablet, mobile vertical spacing, and Tablet, mobile margin bottom.

2. Tapita Collection

Collection is displayed in Top Category in slider format, and you need to customize this by choosing "Enabled" or "Disabled" in Slider configuration. However, here the effect options will not be displayed like a slidershow.

• Navigation: navigate to another page.

• Dots: Dots - displayed for the number of sliders created, you can move sliders by clicking on each dot.

• Auto play: Slider moves automatically.

• Loop: Slider moves in a loop.

• And select the number of columns to display categories on desktop, mobile, and tablet in Desktop column, Tablet column, and Mobile column.

You can customize the configuration for Collection page in the Section configuration section by choosing "Enabled" or "Disabled" for the following items:

• Section lazyload - lazy loading speed (a section will only load on the page when you scroll down to that section).

• Section max width: Width of section, if you choose “Disabled”, will default to the entire desktop with a size of 1830px. If you choose “Enabled”, you can customize the desired display size in Content max width.

• To adjust the size between sections on the page, you need to customize the size on the desktop screen at: Desktop vertical spacing and Desktop margin bottom.

However, because the display sizes on the screens will be different, you need to align the sizes for tablet and mobile screens at: Tablet, mobile vertical spacing, and Tablet, mobile margin bottom.

How to create a title: 

1. In Tapita - Collection, select Add block - title

2. Fill in the tile and align the display in the Title Align - Left, Center, Right section

How to create Item Collection: 

1. Select Add block - item collection 

2. Select an image 

3. Enter a title for the item

4. Select a collection link for the item

• The products in the collection will be displayed in product grid format.

• You can customize the number of products and the number of columns displayed on the page.

• You can customize the display of product search filters at Filtering and sorting:

• Check Enable filtering to display the filter

• Desktop filter layout: The filter position is displayed on the computer screen 

• Horizontal, 

• Vertical: on the left side of the screen, 

• or Drawer: displayed as a slide bar

• Tick the box to enable or disable the product search toolbar, alphabetically from A-Z, Z-A, or by date, product price, etc. in the Enable sorting section.

• You can customize product information in the collection in the Product grid section.

Here, choose to display the ratio of product images, product information such as: product price, product reviews, quick display of add-to-cart button, etc.

Note: You can set the display of product details in Theme settings. After setting in Theme settings - all products in the store will be displayed in detail as set.