How to Use Electro Collection Template

OverviewClick to copy 2222

How many products are displayed in one row? 4
Default the items per row on mobile? 2
Maximum number of items per page available? 24

Electro Collection TemplateClick to copy 2222

By default, Electro Collection template consists of 2 sections: Collection Header and Collection Products. These sections cannot be deleted, but you can hide them if you don’t want them to appear on the collection template.Aside from these 2 sections, you can freely add or remove any other sections on the Collection template.

Collection HeaderClick to copy 2222

Drag the bar to the desired opacity level to change the overlay opacity of the collection header background. The opacity can be set from 0% to 90%. The default opacity is 30%.

There are two color schemes available for this section: Scheme 1 and Scheme 2. To change the color scheme, update your theme settings. You can learn more about theme settings here.

The collection header section automatically uses the collection title as the page headline. For the image banner, you can enable the Use Collection Image option to make it a hero banner. This option is enabled by default.

You can add more content to the header of your collection page by enabling the Show Collection Description option. To do this, edit your collection and add a description or image. Learn more about Collection here.

Collection ProductsClick to copy 2222

By default, the Collection Products section layout displays 16 products per page. You can change the number of products per page from 8 to 24, in increments of 4.

You can also choose to display 1 or 2 products per row on mobile. By default, 2 products per row are displayed on mobile.

Pagination will appear when the Collection Products section has more than one page.

In the Theme settings, you can adjust additional parameters for this section. However, please note that any changes you make here will affect the Theme settings and all other elements on the store. To learn more about Theme settings parameters, please see this article.

Frequently Asked QuestionsClick to copy 2222

What is Electro Collection Template?Click to copy 2222

Collection Template is the way to create a defaulted collection to display flagship products, as the format would be saved for further use later on.

What Options Are Available In Theme Settings In ‘Collection Products’?Click to copy 2222

With the theme settings available, you can edit status of Product Filter, Sort, Expand all filter options by default on mobile, Color Scheme of the pop up components… also to hide/ unhide Product Ratings, Vendor Information, product color swatches, badge, quick shop and second image on hover. This is also where you can edit the image ratio, image type along with a custom CSS available.

Can I Add Other Sections to Electro Collection Template?Click to copy 2222

Yes you can, you can freely choose your favorite sections to add to your Collection Template based on your needs, by clicking the ‘Add Section’ below the ‘Collection Products’. Please note that you can delete these sections, but you cannot delete the defaulted Collection Headers and Collection Products, but only to hide/unhide them.

Navigate this category