Liquid, JavaScript, themes, sales channels
Hi there,
I need help to solve an issue about breadcrumbs snippet.
I added breadcrumb navigation by referring this tutorial. Almost is good but if I access to product page which is made by pageFly app, the breadcrumb does not work(just show "Home >").
Another pageFly pages are working well. Only pageFly product template has this issue.
Does anyone have an idea to solve this?
Here is the part of codes on product template by pageFly.
// /templates/product.pagefly.abc.liquid
<script>
window.__pageflyProducts = window.__pageflyProducts || {};
window.__pageflyProducts["{{product.id}}"] = {
id: {{product.id | json }},
handle: {{product.handle | json }},
title: {{product.title | json }},
type: {{product.type | json }},
url: {{product.url | json }},
vendor: {{product.vendor | json }},
variants: {{product.variants | json }},
options: {{product.options | json }},
media: {{product.media | json }},
has_only_default_variant: {{product.has_only_default_variant | json }},
options_with_values: {{product.options_with_values | json }},
selected_variant: {{product.selected_variant | json }},
selected_or_first_available_variant: {{product.selected_or_first_available_variant | json }},
tags: {{product.tags | json }},
template_suffix: {{product.template_suffix | json }},
featured_image: {{product.featured_image | json }},
featured_media: {{product.featured_media | json }},
images: {{product.images | json }}
};
</script>
<div class="__pf" id="__pf"><div data-pf-type="Body" class="sc-pRgDJ fzXWJx pf-5c267571"><div data-pf-type="Layout" class="pf-5b805c26"><div data-pf-type="ProductPreview" class="sc-pJVLq dIjrXL pf-de82a669">{% comment %}
The contents of the product.liquid template can be found in /sections/product-template.liquid
{% endcomment %}
{% section 'product-template' %}
{% section 'product-recommendations' %}
{% if collection %}
<div class="full-width full-width--return-link">
<a href="{{ collection.url }}" class="h1 return-link">
{% include 'icon-arrow-thin-left' %}
{{ 'products.product.collection_return' | t: collection: collection.title }}
</a>
</div>
{% endif %}
<script>
// Override default values of shop.strings for each template.
// Alternate product templates can change values of
// add to cart button, sold out, and unavailable states here.
window.productStrings = {
addToCart: {{ 'products.product.add_to_cart' | t | json }},
soldOut: {{ 'products.product.sold_out' | t | json }},
unavailable: {{ 'products.product.unavailable' | t | json }}
}
</script>
<script>
window.__pagefly_setting__={"baseURL":"https://apps.pagefly.io","analyticsURL":"https://analytics.pagefly.io","isBackend":false,"cdnURL":"https://cdn.pagefly.io","pageflyVersion":"2.15.2","shopDomain":"for-tanaka-sama.myshopify.com","elementData":{},"pageTitle":"product-template","pageType":"product","pageId":"c4cd8d5e-6c50-4cc8-85ec-f42a43cb59e0","lazyLoad":false,"imageLazyLoad":true,"nativeImageLazyLoad":true,"trackingIDs":[],"shopifyProxyPath":"/a/pf_preview","updatedTime":"2020-12-21T09:44:36.115Z"};
window.__pagefly_setting__.moneyFormat = {{shop.money_format | json}}
</script><script src="https://cdn.pagefly.io/pagefly/2.15.2/core/helper.js?t=20201221161233" defer></script>
Were you able to find the solution?
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024