Zeel Mavani

1. Add below js and css in your blog.liquid file: {{ 'jquery.fancybox.js' | asset_url | script_tag }} {{ 'jquery.fancybox.css' | asset_url | stylesheet_tag }} {{ 'jquery.fancybox-thumbs.css' | asset_url | stylesheet_tag }} {{ 'jquery.fancybox-thumbs.js' | asset_url | script_tag }} Add script in same file <script type="text/javascript" charset="utf-8"> $(document).ready(function() {    $('.fancybox').fancybox({             closeBtn  : true,             arrows    : true,             nextClick : true,           }); }); </script> 2. Blog post page: <div class="detail_images"> <p>      <a class="fancybox" href="//cdn.shopify.com/s/files/1/0259/2189/files/9....

1. config --> data_schema.jason file add following code: Supose you wil add text in headerbar then you will write these code for make dynamic text of headerbar   {     "name": "Header", "settings": [ {         "type": "header",         "content": "Top bar"       },       {         "type": "text",         "id": " header_message1 ",         "label": "Top bar message1",         "info": "Max 55 characters"       },       {         "type": "text",         "id": " header_message2 ",  ...

To implement application/ld json in your shopify theme, add following code into your theme.liquid  file.  {% if template == 'product' %}  <script type="application/ld+json">  {"@context":"https://schema.org", "@type":"Product", "name":"{{ product.title }}", "description":"{{ product.description | strip_html | escape }}", "url":"{{ shop.url | append: '/products/' | append: product.handle }}", "brand": {"@type":"Brand", "name":"{{ product.vendor }}", "image":"{{ product.featured_image.src | img_url: 'master'}}", "url":"{{collection_urls}}"}, {% if product.metafields.yotpo.reviews_count and product.metafields.yotpo.reviews_count != "0" %} "aggregateRating":       {"@type":"AggregateR...