Dynamic Breadcrumbs

Dynamic Breadcrumbs

How to see the code

1. Please log in/create an account first. This is to ensure that all purchases are connected to an account and can be viewed on different devices.

2. Purchase the code using the "purchase box" on the specific page of the desired code.

3. After the purchase, please refresh the page.

How to see the code

1. Please log in/create an account first. This is to ensure that all purchases are connected to an account and can be viewed on different devices.

2. Purchase the code using the "purchase box" on the specific page of the desired code.

3. After the purchase, please refresh the page.

Compatibility: All Shopify themes, work best with Shopify 2.0 FREE themes

I have several customers looking for a working breadcrumbs that can be use with Shopify 2.0 FREE themes' CSS style. 

You can actually have a breadcrumb code for FREE here but this is not guaranteed to work on your theme. I cannot see the current_tags work currently as well. 

 You can check the demo store here. Password: made4uo

 What you are buying:

  • A breadcrumb section
  • Choose different arrows 
  • Breadcrumb will appear on product, collection, article, and page 
  • Collection title with link will show at the middle when you open a product from the collection page

What makes our code better:

  • We do not use external libraries, with that being said, our code will have no to minimal effect to your website's speed performance
  • We do not leave or add codes use to advertise for our website
  • Our code is mobile friendly

Any issues related to the code will be fix with no additional cost, excluding code customization requests. Simply contact us with "Chat with us." We are just a button away. 

To start:

1. From your Admin Page, click Online Store > Themes >Actions > Edit code
2. In the Section folder, tcreate a section and name it "breadcrumbs"
3. Open the newly created section and paste the code below. Make sure to click SAVE.

<

4. Next, go to the Layout folder, and open the theme.liquid. 

5. Find the  {% section 'header' %}, then add the code below after it.

<

 

6. Next, go to your theme customizer page. Click the three dots on your left upper hand corner, and choose Customize theme, to customize.

That is it (",)

Copied!
Voltar para o blogue

Deixe um comentário