Collection Products Sections

About Shine Theme Collection Products SectionClick to copy 2222

The Shine Theme Collection Products section displays all the products of your selected collection.

The Collection Products section cannot be removed. However, it can be hidden on the Collection template.

Access Shine Theme Collection Products SectionClick to copy 2222

On the top center bar, click the dropdown button > Collection.

On the left sidebar, head to Template > Collection Products.

Shine Theme Collection Products Section ConfigurationClick to copy 2222

The Collection Products section has several settings that can be adjusted. To change the collection, on the top left sidebar, click on Change > Select collection.

To configure the Collection Products section, click on the section to access the configuration settings.

GeneralClick to copy 2222

Under the Color Scheme, you can choose a specific scheme for the Collection Products section. To modify or add a new color scheme, go to Theme Settings > Color.

On each collection, you can choose to display between, 20, 30, 40, and 50 Items per load.

You can adjust the Load products method with three different styles:

  • Pagination
  • Button
  • Infinity scroll

For further customization, you can choose to Show collection title and Allow user to switch number of columns.

Filter and Sort.Click to copy 2222

On the Filter and sort option, you can choose to:

  • Enable product filter

Note: To customize the Filters option further, check out the Filters article.
  • Expand all filter options by default

This option shows all filter options once opened.

  • Enable sort

By default, customers can sort out products in 8 criteria:

  • Featured
  • Best selling
  • Alphabetically, A-Z
  • Alphabetically, Z-A
  • Price, low to high
  • Price, high to low
  • Date, old to new
  • Date, new to old

Product CardClick to copy 2222

To customize the Product card, configure all the settings in the theme settings.

You can choose to Show vendor on each product item.

You can also choose to Show variant swatches. To display variant swatch, configure all the settings in the theme settings.

To change the Quick shop action, switch between three styles which are Not use, Quick view, and Quick add.

To customize the Quick shop style, configure all the settings in the theme settings.

Large ScreenClick to copy 2222

On the Large screen option, you can change the Columns per row from 3, 4 to 6.

You can also change the Filter and sort layout:

  • Topbar

  • Sidebar

  • Drawer

Mobile ScreenClick to copy 2222

On the mobile screen, you can display 1 or 2 Default columns per row.

SpacingClick to copy 2222

You can choose to customize the outer spacing top/bottom of the Collection Products section. These settings will decrease the top/bottom margin of a section, thereby bringing it nearer to the sections above and below it

  • Remove outer spacing top
  • Remove outer spacing bottom

Frequently Asked QuestionClick to copy 2222

How can I customize the filters function?

You can use the Search and Discovery app to create and customize filters for your online store.

Navigate this category

Previous