MOTION THEME - Breadcrumbs - Adjust layout

Solved
lion_no
Excursionist
55 5 18

Hii! I'm trying to figure out if it's possible to remove the last bit of a breadcrumps design,

Default is: HOME / %COLLECTION% / %PRODUCT%

- and if possible, I'd love to try have it look like this instead: HOME / %COLLECTION% / 

 

As the product NAME is already on the product page, so I figured the breadcrump doesn't need to repeat this when it's already obvious!
Here's a visual example of how it currently looks:

lion_no_0-1635156471127.png

Preview link - https://t8n43rstgq4tsegu-50647859379.shopifypreview.com/collections/latest-release/products/keychain...

Accepted Solution (1)

Accepted Solutions
lion_no
Excursionist
55 5 18

This is an accepted solution.

Fixed by changing some code in breadcrumbs.liquid 

      <span class="breadcrumb__divider" aria-hidden="true">/</span>
      {{ product.title }} 

Remove product.title or change it to "text"

 

same goes for collection.title at

      {% else %}
        <span>{{ collection.title }}</span> 
      {% endif %}

View solution in original post

Reply 1 (1)
lion_no
Excursionist
55 5 18

This is an accepted solution.

Fixed by changing some code in breadcrumbs.liquid 

      <span class="breadcrumb__divider" aria-hidden="true">/</span>
      {{ product.title }} 

Remove product.title or change it to "text"

 

same goes for collection.title at

      {% else %}
        <span>{{ collection.title }}</span> 
      {% endif %}

View solution in original post