Need to change default product view in collection pages ( Curswine theme)

Store Design
1

Store URL: https://bringmenz.myshopify.com/

Pass: geeray

Theme: Curswine

It may call “collection callout” (i am not sure sorry)

I have tried a lot from the theme setting. But failed to solve.When entering any collection page by default its showing 3 column view. I want the view in 4 columns as per the indication mark of below image. Thank you

default view.jpg
default view.jpg1047×501 37 KB

1 Like
2

@mhassan2021

yes, please share collection page code so i will check and update

3

@KetanKumar Where to find the Collection page code?

is it JSON file?

4

@KetanKumar

{% render ‘facets’, results: collection, enable_sorting: section.settings.enable_sorting %}

{%- if collection.products.size == 0 -%}

{{ 'sections.facets.empty' | t }}
{{ 'sections.facets.clear_all' | t }}
{%- else -%}

{{ 'sections.facets.product_count' | t: product_count: collection.products_count, count: collection.all_products_count }}

    {% assign i = 1 %} {%- for product in collection.products -%}
  • {% render 'product-card-grid', product_card_product: product, media_size: settings.image_ratio, product_count: {{i}}, show_secondary_image: settings.show_secondary_image, show_vendor: settings.show_vendor%} {% assign i = i | plus: 1 %}
    • {%- endfor -%}
{%- endif -%}

{% schema %}
{
“name”: “t:sections.main-collection-product-grid.name”,
“class”: “collection-grid-section”,
“settings”: [
{
“type”: “range”,
“id”: “products_per_page”,
“min”: 8,
“max”: 24,
“step”: 4,
“default”: 16,
“label”: “t:sections.main-collection-product-grid.settings.products_per_page.label”
},
{
“type”: “header”,
“content”: “Sorting”
},
{
“type”: “checkbox”,
“id”: “enable_sorting”,
“default”: true,
“label”: “t:sections.main-collection-product-grid.settings.enable_sorting.label”
}
]
}
{% endschema %}