Add Swiper Snippet to featured collections (VENTURE THEME)

Store Design
1

Hi there, im building my new section. I want to make something with swiper and featured-collections. It seems to work, but i want to modify something..

Right now, it shows all collections in the same row, how can i change it, and just show one collection per row. Just like desktop view.. how can i change it to mobile view

Here is a capture from desktop view, which one its showing correctly.

swipedesk.jpg
swipedesk.jpg1920×907 65.5 KB

Here is a capture from mobile view, you can see there it’s showing all categories in the same row, and i want to show just one categorie by row

swipemobile.jpg
swipemobile.jpg380×752 18.3 KB

Any code or everything its needed, just contact me, thanks a lot for anyone who can help me!

1 Like
2

@SHIBdev

yes you have try this way code

https://www.youtube.com/watch?v=7DqtFl2KaSg

1 Like
3

@KetanKumar i made it with another snippet different than video. That’s called SWIPER. and i want to make it with collections, no products.

i can send you link and password if you need it

1 Like
4

@SHIBdev

yes please share us

1 Like
5

@KetanKumar done by pm, thanks a lot!

1 Like
6

@SHIBdev

thanks for it i will check url and let you know

1 Like
7

up!!

1 Like
8

@SHIBdev

did you not see message?

1 Like
9

@KetanKumar sorry i send you a pm, you’re not seeing the correct place at home page, its at the top page mobile view.

1 Like
10

yes please share code so i will update

1 Like
11

@KetanKumar done, you got it by pm! thanks a lot!

12

up!!

1 Like
13 

  
  

  

  
    

{% for block in section.blocks %}
    {% if block.type == "collection" %}
      
        

    {% assign row_number = 1 %}

    {% for block in section.blocks %}
      {% if blocks_count == 5 and forloop.index > 3 %}
        {% assign grid_item_width = 'medium-up--one-half' %}
        {% assign height = 450 %}
      {% endif %}
      {% if blocks_count > 4 and forloop.index > 3 %}
        {% assign row_number = 2 %}
      {% endif %}

      {% assign featured_collection = collections[block.settings.collection] %}

      {% include 'collection-grid-item' with stretch_collection_image: section.settings.stretch_collection_image, height: height %}
    {% endfor %}

  

      
    {% endif %}
{% endfor %}
1 Like
14

@KetanKumar this code doesn’t work, it shows everything in homepage broken

swipev1.jpg
swipev1.jpg1911×752 39.1 KB

1 Like
15

@SHIBdev

some thing is wrong code

if possible to add me staff account and give me just theme access so i will check direct theme code

1 Like
16

@KetanKumar done, you got collaborator code by pm! thanks a lot!

1 Like
17

@SHIBdev

great thanks let me ck

1 Like
18

@KetanKumar okay ill wait till tomorrow you can send me request right now if you want. Thanks a lot

1 Like
19

@SHIBdev

yes i’m back to work but i can’t receive any email can you try again

1 Like
20

@KetanKumar here you have url, https://ettore-and-gio.myshopify.com/