App using in Gecko

Collection Page

** Pre-step

Go to Theme Settings >> Select Collection Page section.

I. Top Product Categories:

1.Categories menu in page heading.

If untick

+ Show all:

All the menus of Navigation will be showed here

+ Show a link list:

Only show menu item of the menu you selected

+ Show breadcrumb

II. Pages Heading Background:

Set up Heading background image for ALL colllection page


If you want to set SPECIFIC images for each collection: Tick on box “Specify other image for particular page”>> Then go to

III. Shop Page Layout:

1. Style

+ Default

+ Metro

+ Masonry

2.Shop Layout

+ Full width

+ Content full width

+ Sidebar left

+ Sidebar right

3.Sidebar size

There are 3 types: Small, Medium, Large


+ Default

+ Load more button

+ Infinit scrolling

5.Product columns

6. Product style

+ Style1(Default)

+ Style2(Text Center)

7. Use sale countdown:

It'll show the countdown of product which added by using Metafield. You can check this link to know how to create the countdown: Guiding

  • Countdown style: You can choose "Countdown timer light " Or "Countdown timer dark"

8. Ajax shop:

Enable AJAX functionality for filters widgets on shop.

9. Scroll to top after AJAX

Disable scroll to top after AJAX.

10. Shop filters

  • When enable this option, you need to config the Filter on Filter Sidebar

11. Show number of products displayed per page, Show column switch, Enable sorting