How to create a mobile-only slideable collection list in Dawn theme?

Store Design
, ,
1

Hello,
I am currently trying to build my own Slideable Collection List in Shopify by building my own section. I have already finished a large part of it, but I would like to add a slider without changing the design. This should only be displayed on mobile devices. Three images should be displayed next to each other and then you should be able to slide and the next three should be displayed. In the picture you can see the current status and the corresponding code is here:


  
  

    
      
    
  

  
    
      
    
  

  
    
      
    
  

  
    
      
    
  

  
    
      
    
  

  
    
      
    
  

  

{% schema %}
{
  "name": "Collection View",

  "presets": [
    {
      "name": "Collection View",
      "category": "Custom"
    }
  ]
}
{% endschema %}

Roxolot_0-1703575143104.png
Roxolot_0-1703575143104.png486×349 17 KB

2

Hi,

Can you share your store url

3

https://stampforge.de/collections/all

4

I checked your store by url, you just make style for collection list, you don’t integrate carousel library for it yet. The carousel library by js.

5
6

hi,

you can try add defer attribute to links, as like this.
7

You can create a beautiful slider in your shopify DAWN theme or any of the Shopify free themes without any App.

Without using any third party library.

Here is the solution:

8

In your DAWN theme you can add collection slider: