How to change position of view all button in featured collection on symmetry theme

Store Design
1

Hi, I’m using the Symmetry theme and want to change the position of the view all button from the top of the featured collection to the bottom on the home page. I’ve attached a screenshot of how it looks now. If anyone can help it would be greatly appreciated. Thank you in advance.

2

@GLS2025 can you please share your page link?

it is added at top as if the products are many then user does not need to scroll a lot to view all products

3

Hello @GLS2025 ,

Once you check the section settings maybe there you will find an option to change its position.

If not check the file sections → featured-collection.liquid here you have to change the code position.

Or share this file code and I’ll modify it.

Regards
Guleria

4

There is no option to change it in the settings.

This is the code for featured-collection.Liquid

{%- if section.settings.enable_carousel -%}
{%- assign product_limit = 20 -%}
{%- else -%}
{%- assign product_limit = section.settings.grid | times: section.settings.rows -%}
{%- endif -%}
{%- assign collection = collections[section.settings.collection] -%}

{% if section.settings.enable_carousel %}{% render 'svg-chevron-left' %}{% endif %} {{ section.settings.title | escape }} {% if section.settings.enable_carousel %}{% render 'svg-chevron-right' %}{% endif %}

{%- if section.settings.show_view_all -%}

{%- endif -%}
{% if section.settings.collection == blank %} {% for i in (1..product_limit) %} {% render 'onboarding-product-block', forloop: forloop %} {% endfor %} {% else %} {% for product in collection.products limit: product_limit %} {% render 'product-block', product: product, manual_image_load: section.settings.enable_carousel, no_quick_buy_markup: section.settings.enable_carousel %} {% endfor %} {% endif %}

{% if settings.prod_thumb_detail_show and section.settings.enable_carousel %}

{% endif %}

{% schema %}
{
“name”: “Featured collection”,
“class”: “section-featured-collection”,
“settings”: [
{
“type”: “text”,
“id”: “title”,
“label”: “Heading”,
“default”: “Featured collection”
},
{
“type”: “collection”,
“id”: “collection”,
“label”: “Collection”
},
{
“type”: “checkbox”,
“id”: “show_vendor”,
“label”: “Show product vendor”,
“default”: false
},
{
“type”: “checkbox”,
“id”: “enable_carousel”,
“label”: “Enable carousel”,
“default”: true
},
{
“type”: “range”,
“id”: “grid”,
“label”: “Products per row”,
“min”: 2,
“max”: 5,
“step”: 1,
“default”: 4
},
{
“type”: “range”,
“id”: “rows”,
“label”: “Rows”,
“info”: “Does not apply to carousel layout”,
“min”: 1,
“max”: 5,
“step”: 1,
“default”: 1
},
{
“type”: “checkbox”,
“id”: “use_alt_bg”,
“label”: “Use alternate section color”,
“default”: true
},
{
“type”: “checkbox”,
“id”: “show_view_all”,
“label”: “Show ‘View all’ link”,
“default”: true
},
{
“id”: “full_width”,
“type”: “checkbox”,
“label”: “Full page width”,
“default”: true
}
],
“presets”: [
{
“name”: “Featured collection”,
“category”: “Collection”,
“settings”: {
“title”: “Featured collection”
}
}
]
}
{% endschema %}

5

Update with this one

{%- if section.settings.enable_carousel -%}
{%- assign product_limit = 20 -%}
{%- else -%}
{%- assign product_limit = section.settings.grid | times: section.settings.rows -%}
{%- endif -%}
{%- assign collection = collections[section.settings.collection] -%}

# 
{% if section.settings.enable_carousel %}{% render 'svg-chevron-left' %}{% endif %}
{{ section.settings.title | escape }}
{% if section.settings.enable_carousel %}{% render 'svg-chevron-right' %}{% endif %}

{% if section.settings.collection == blank %}
{% for i in (1..product_limit) %}
{% render 'onboarding-product-block', forloop: forloop %}
{% endfor %}
{% else %}
{% for product in collection.products limit: product_limit %}
{% render 'product-block', product: product, manual_image_load: section.settings.enable_carousel, no_quick_buy_markup: section.settings.enable_carousel %}
{% endfor %}
{% endif %}

{% if settings.prod_thumb_detail_show and section.settings.enable_carousel %}

{% render 'svg-x' %}

{% endif %}

{%- if section.settings.show_view_all -%}

{{ 'collections.general.view_all' | t }}

{%- endif -%}

{% schema %}
{
"name": "Featured collection",
"class": "section-featured-collection",
"settings": [
{
"type": "text",
"id": "title",
"label": "Heading",
"default": "Featured collection"
},
{
"type": "collection",
"id": "collection",
"label": "Collection"
},
{
"type": "checkbox",
"id": "show_vendor",
"label": "Show product vendor",
"default": false
},
{
"type": "checkbox",
"id": "enable_carousel",
"label": "Enable carousel",
"default": true
},
{
"type": "range",
"id": "grid",
"label": "Products per row",
"min": 2,
"max": 5,
"step": 1,
"default": 4
},
{
"type": "range",
"id": "rows",
"label": "Rows",
"info": "Does not apply to carousel layout",
"min": 1,
"max": 5,
"step": 1,
"default": 1
},
{
"type": "checkbox",
"id": "use_alt_bg",
"label": "Use alternate section color",
"default": true
},
{
"type": "checkbox",
"id": "show_view_all",
"label": "Show 'View all' link",
"default": true
},
{
"id": "full_width",
"type": "checkbox",
"label": "Full page width",
"default": true
}
],
"presets": [
{
"name": "Featured collection",
"category": "Collection",
"settings": {
"title": "Featured collection"
}
}
]
}
{% endschema %}
6

Hi,

Good morning,

Welcome to the shopify ,

Please share your store URL and if your store is password protected then also provide password too.
Thank you.

7

That worked. Thank you!

1 Like