Shopify themes, liquid, logos, and UX
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
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.
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!
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024