How can I position breadcrumbs above filters on a collections page?

Store Design
, ,

Topic summary

A user working with the Symmetry theme wants to reposition breadcrumbs on their collection page to appear above the filters instead of overlaying product images.

Current Issue:

  • Modified theme.liquid file to add breadcrumb rendering code
  • Breadcrumbs now display but appear over the product image rather than in the desired location above filters
  • Attempted alternative code placement without success

Code Approach:
The user added conditional rendering logic targeting collection pages:

{%- if template.name == 'collection' -%}
{% render 'breadcrumbs' %}
{%- endif -%}

Status:
A PageFly support representative (Noah) offered assistance and requested the website URL to provide specific guidance. The discussion remains open, awaiting further troubleshooting details to resolve the positioning issue.

Summarized with AI on November 10. AI used: claude-sonnet-4-5-20250929.
1

How can I insert the breadcrumbs in the collections page but have it above the filters - see the attached picture. Can someone help me? I use the symmetry theme…

I changed it in theme.liquid, see the code below but it can be seen over the picture (see the attached picture)… I also tried to put the code below without success..

{% unless template.name == ‘cart’ or settings.cart_type == ‘page’ %}{% section ‘cart-drawer’ %}{% endunless %}
{% section ‘announcement-bar’ %}
{% section ‘header’ %}
{%- if template.name == ‘product’ -%}
{% render ‘breadcrumbs’ %}
{%- endif -%}
{%- if template.name == ‘page’ -%}
{% render ‘breadcrumbs’ %}
{%- endif -%}

{% section ‘store-messages’ %}
{%- if template.name == ‘collection’ -%}
{% render ‘breadcrumbs’ %}
{%- endif -%}

{{ content_for_layout }}

{%- if request.path != ‘/challenge’ -%}

{% section 'cross-page-promos' %} {% section 'footer' %}

{% section ‘popup’ %}
{%- endif -%}

AndreiTz_0-1713087556584.png
AndreiTz_0-1713087556584.png1235×739 931 KB

AndreiTz_1-1713087576982.png
AndreiTz_1-1713087576982.png1656×375 629 KB

2

This is Noah from PageFly - Shopify Page Builder App

I can help you. Please can you provide the website url. Thank you.

Best regards,

Noah | PageFly