[ PRESTIGE THEME ] Horizontal scrolling in the collection list

Cava
Excursionist
33 0 16

Hello everyone!

In my store (fravshop.com) i'd like to showcase multiple collections with an horizontal scrolling feature.
Like if it was a mix of "featured collection" and "collection list" sections that we can find in the theme editor (i leave a reference image below).

Is there any chance to make it work?
Thanks in advance

Fravshop

 

Reference image (note: this is not my store)Reference image (note: this is not my store)

Replies 2 (2)

DavidEKim
Shopify Partner
392 131 184

Hi,

The featured collection section comes with carousel (you already have).

If you want to make it auto scroll, please follow the steps below.

1. Online Store > Actions > Edit Code > Open featured-collections.liquid (under Sections)

2. In the liquid file, add "autoPlay": true to the flickity_options,

3. It will look like the code below (for the first 15 lines).

 

 

{%- if section.settings.layout_mode == 'carousel' -%}
  {%- capture flickity_options -%}
  {
    "autoPlay": true,
    "prevNextButtons": true,
    "pageDots": false,
    "wrapAround": false,
    "contain": true,
    "cellAlign": "center",
    "watchCSS": true,
    "dragThreshold": 8,
    "groupCells": true,
    "arrowShape": {"x0": 20, "x1": 60, "y1": 40, "x2": 60, "y2": 35, "x3": 25}
  }
  {%- endcapture -%}
{%- endif -%}

 

 

You may change it with "autoPlay": 3000," (it's 3000 milliseconds = 3 second).

By default, it will scroll every 3 seconds. You can change the number.

You may replace the first 15 lines with the code above.

Hope it helps.

 

 

If helpful, please Like and Accept Solution.
Want to customize your store, please feel free to contact me.
PeopleVillage - Shopify Partner
Cava
Excursionist
33 0 16

Thanks for the fast reply but unfortunately is not what i am looking for: what i'd like to have is a section like the "featured collection" with the only difference that the products are replaced with collection pages (like the image i have attached).

Thanks!