Collection Header

About Shine Theme Collection Header SectionClick to copy 2222

The Shine Theme Collection Header section showcases all the details of your products including product name, image, description, price, variant, add-to-cart button, etc.

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

Access Shine Theme Collection Header SectionClick to copy 2222

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

Collection Header

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

Collection Header

Shine Theme Collection Header Section ConfigurationClick to copy 2222

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

Collection Header

To configure the Collection Header 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 Product details section. To modify or add a new color scheme, go to Theme Settings > Color.

Collection Header

Collection ImageClick to copy 2222

There are three different styles for the collection image:

  • Not use

Collection Header

  • Behind title

Collection Header

  • Beside title

Collection Header

SpacingClick to copy 2222

You can choose to customize the outer spacing top/bottom of the Collection Header 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

Collection Header

Custom ColorClick to copy 2222

You can change the Mask overlay and Text overlay by clicking on the color picker. On the Mask overlay option, you can adjust the overlay opacity by dragging the slider.

Collection Header

Navigate this category