How to add breadcrumbs into collection or product pages?

To include breadcrumbs on your product or collection pages, follow these straightforward steps:

1 Adding Breadcrumbs Section

Navigate to Page Editor:

    • Access the page editor for the desired product or collection page in your Shopify admin.

Click on “Add Section”:

    • Within the editor, find the “Add Section” option.

2 Selecting Breadcrumbs Block

Access Apps Tab:

    • In the “Add Section” menu, navigate to the “Apps” tab.

Choose Breadcrumbs Block:

    • Look for the “Breadcrumbs by Byte Apps” block in the Apps tab.

Drag and Drop:

    • Select the Breadcrumbs block and drag it to the desired area on your page. Drop it to place the breadcrumbs section.

3 Customizing Placement

Adjust Placement:

  • After dropping the Breadcrumbs block, you can adjust its placement within the page editor to suit your design preferences.

Save Changes:

  • Save your changes in the page editor to apply the breadcrumbs to the product or collection page.

4 Preview and Publish

Preview Your Page:

  • Preview the page to see how the breadcrumbs appear.

Publish Changes:

  • If you are satisfied with the placement and appearance, publish the changes to make the breadcrumbs visible to your customers.

Now, breadcrumbs are successfully added to your product or collection pages. If you have any questions or need further assistance, refer to the documentation or reach out to our support team at [support@byte-apps.com]. Explore additional features and customization options available in the app documentation.

Back to Docs