[ PRESTIGE THEME ] Horizontal scrolling in the collection list

Store Design
1

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)3452×1456 991 KB

2

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.

1 Like
3

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!