Collections Page Settings

Details on all of the options that control the behaviour of collections.
Written by Jonathan Diaz
Updated 1 month ago

23 STEPS

Here's an interactive tutorial for the visual learners

https://www.iorad.com/player/1584895/DemoStore---Collections

Collection pages display all of the products within a collection. It gives visitors a glance of all the products you may be carrying. If you enable certain settings, you can give a greater glance, showing review ratings and product availability.

Enable Collection Title – Displays the collection title on or off.

Resize image – If your images aren’t all the same size, Enable for more uniform appearance.

 

Product Settings

Product Title Font Size – Changes the font size of listed products.

Product Title Font Style – Changes the font style of listed products. Lighter, Normal, Bold and Bolder.

Product Title Font Colo - Changes the color of the product titles within the collection.

Product Price Font Size – Changes the font size of the product price.

Product Price Font Style – Changes the font style of the product price. Lighter, Normal, Bold and Bolder.

Save Bar Background Color – Changes the color of the save bar overlay that appears on products inside of a collection or carousel. 

Save Bar Font Color – Changes the font color of the text on the save bar overlay that appears on products inside of a collection or carousel. 

Show Breadcrumbs – Toggles breadcrumbs on or off.

Enable Filtering by Product Tag – Toggles the product tag filter on or off.

Enable Collection Sorting – Toggles collection sorting on or off.

Enable Sidebar Filters – Enabling sidebar filters allows for more detailed product selection than sorting or tag filtering.

Products per row – Sets the maximum amount of products per row.

Products Per Row on Mobile – Sets the maximum amount of products per row on Mobile.

Product Image Height (in pixels) – Specifies the height of product images within collections.

Enable Quick View – Enables a quick buy button that gives basic product details. May increase page load time.

Product Second Image Display – Displays the second image within a product page when hovering over a product in a collection.

Product Second Image Slide Effect – Check this to create a slide effect when hovering over images in a collection. Image Fades in/out If Unchecked.

Display Product – Check it if you want to show collections products on collections listing page.

Products Per Page – Specifies the maximum amount of products shown per page.

TAGS: collection settings, collectionimage, collection images, collection grid, Collection Grid, collection image 
Did this answer your question?