{"id":302617,"date":"2021-08-25T13:27:48","date_gmt":"2021-08-25T13:27:48","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=302617"},"modified":"2021-10-11T13:20:21","modified_gmt":"2021-10-11T13:20:21","slug":"code-instruction-to-online-store-2-0","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/code-instruction-to-online-store-2-0\/","title":{"rendered":"Code Instruction To Online Store 2.0 – Multi-vendor Marketplace for Shopify"},"content":{"rendered":"\n

Soon after Shopify<\/a><\/strong> has announced the biggest update Online Store 2.0<\/strong>, we have made the changes in our Multi-vendor Marketplace apps as per Online Store 2.0 standards.<\/p>\n\n\n\n

Make sure to add codes in the suggested liquid file in case you are using OS 2.0<\/strong>.<\/p>\n\n\n\n

So, here is the detailed code instructional guide to the Multi-vendor Marketplace app<\/a> and featured apps. It will help you adding codes & configuring your marketplace.<\/p>\n\n\n\n

Initiation: Insert Codes <\/h3><\/div>\n\n\n\n

To Display Seller Rating On Product Description Page<\/h3>\n\n\n\n

Copy the code to add into product.json<\/strong> >> sections\/main-product.liquid<\/strong> file [ Ex- For Dawn theme]<\/p>\n\n\n\n

<div class='wk-rateit'><\/div><\/pre>\n\n\n\n
<\/p>\n\n\n\n
<\/p>\n\n\n\n
<\/p>\n\n\n\n
To Display Vendor Location on store’s collection page:-<\/h3><\/p>\n\n\n\n
Copy the code to add into collection.json >> sections\/main-collection-product-grid.liquid >> snippets\/product-card.liquid<\/strong> file [ Ex- For Dawn theme]<\/p>\n\n\n\n
<div class="wk_vendor_address" data-vendor="{{ product_card_product.vendor }}" style="font-size: 15px;color: #23733a;"><\/div><\/pre>\n\n\n\n
\"collection.liquid\"<\/figure>\n\n\n\n
Code For Minimum Purchase Quantity<\/h3><\/div>\n\n\n\n
To Display Minimum Purchase Quantity on store’s product page:-<\/h3><\/h4>\n\n\n\n
Copy the code to add into product.json<\/strong> >> sections\/main-product.liquid<\/strong><\/strong> file [ Ex- For Dawn theme]<\/p>\n\n\n\n
<div id="min_purchase_quantity_div" data-productid="{{ product.id }}"><\/div><\/pre>\n\n\n\n
<div class="wk_qty_selector_value" style="display:none;">Minimum purchase quantity for this product is <span class="qty_value">...<\/span><\/div><\/pre>\n\n\n\n
wk_qty_selector<\/pre>\n\n\n\n
Also, copy the code to add into sections\/main-cart-items.liquid<\/strong> file:<\/p>\n\n\n\n
data-wk_min_qty_{{ item.variant_id }}<\/pre>\n\n\n\n
\"Screenshot-2021-08-25T165143.814\"<\/figure>\n\n\n\n
Code For Seller’s Minimum Purchase Amount for Orders<\/h3><\/div>\n\n\n\n
To Restrict Purchases for customers if minimum order amount is not statisfied:-<\/h4>\n\n\n\n
Copy the code to add into sections\/main-cart-items.liquid<\/strong> file [ Ex- For Dawn theme]<\/p>\n\n\n\n
<div class="" id="wk_minimum_purchase_div" style="display:none;"><\/div><\/pre>\n\n\n\n
Also, add code to hide Checkout Button:-<\/p>\n\n\n\n
style="display:none;"<\/pre>\n\n\n\n
Moreover, add code to hide additional checkout buttons:- <\/p>\n\n\n\n
wk-additional-checkout-btn<\/pre>\n\n\n\n
Now, to show the minimum purchase amount on the product description page.<\/p>\n\n\n\n
Copy the code to add into sections\/main-product.liquid<\/strong> file:-<\/p>\n\n\n\n
<div id="wk_product_mpa" data-product_id="{{ product.id }}" data-selected_tag="{{ customer.tags[0] }}"><\/div><\/pre>\n\n\n\n
Display Details via Theme Editor<\/h3><\/div>\n\n\n\n
“Contact Seller” Button on Product Page<\/h3>\n\n\n\n
You can add this button via theme extension on your Shopify store. For this, you need to visit the Shopify store admin and follow the below steps:-<\/p>\n\n\n\n
Step 1: Go to Online Store>>Theme>>Customize<\/strong>.<\/p>\n\n\n\n
\"Screenshot-2021-10-11T164155.922\"<\/figure>\n\n\n\n
Step 2: Visit Home Page<\/strong>>>Products>>Default Product<\/strong>.<\/p>\n\n\n\n
\"Screenshot-2021-10-11T164909.615\"<\/figure>\n\n\n\n
Now, click here to add a new block<\/strong>:-<\/p>\n\n\n\n
\"Screenshot-2021-10-11T175132.732\"<\/figure>\n\n\n\n
Lastly, add Seller Contact Button<\/strong>.<\/p>\n\n\n\n
\"rohit-soni-store16-Customize-Dawn-Shopify-6\"<\/figure>\n\n\n\n
Similarly, you can add blocks<\/strong> to display the below details on the product description page:-<\/p>\n\n\n\n
Seller Store Description:-<\/h3>\n\n\n\n
Do follow the above mentioned steps and get this done.<\/p>\n\n\n\n
\"rohit-soni-store16-Customize-Dawn-Shopify\"<\/figure>\n\n\n\n
Seller Store Logo on store\u2019s product description page:-<\/h3>\n\n\n\n
\"rohit-soni-store16-Customize-Dawn-Shopify-5\"<\/figure>\n\n\n\n
Seller Contact Details :-<\/h3>\n\n\n\n
\"rohit-soni-store16-Customize-Dawn-Shopify-2\"<\/figure>\n\n\n\n
Also, here’s to show extra Information About Product:-<\/h3>\n\n\n\n
Similarly, you can add this block as well:-<\/p>\n\n\n\n
\"rohit-soni-store16-Customize-Dawn-Shopify-3\"<\/figure>\n\n\n\n
Seller Profile Page On Product Description Page:-<\/h3>\n\n\n\n
\"rohit-soni-store16-Customize-Dawn-Shopify-4\"<\/figure>\n\n\n\n
Seller’s Extro Information:-<\/h3>\n\n\n\n
\"rohit-soni-store16-Customize-Dawn-Shopify-7\"<\/figure>\n\n\n\n
Also, you can add more blocks to display product policy as well.<\/p>\n\n\n\n
<\/p>\n\n\n\n
<\/p>\n\n\n\n
Allow Seller to Create Order<\/h3>\n\n\n\n
Also, copy the code to add into customers\/account.liquid<\/strong> file:-<\/p>\n\n\n\n
<div id="wk_draft_order_div" data-customerEmail="{{customer.email}}"><\/div><\/pre>\n\n\n\n
Seller’s Shipping Zones<\/h3>\n\n\n\n
Also, to add Seller’s Shipping Zones,<\/p>\n\n\n\n
You need to copy the code to add into sections\/main-product.liquid<\/strong> file:-<\/p>\n\n\n\n
<div id="wk_shipping_zones" data-productid="{{ product.id }}" style="margin:10px 0; overflow-x:auto; width: 100%;"><\/div><\/pre>\n\n\n\n
<\/p>\n\n\n\n
Front Store Label Translation<\/h3>\n\n\n\n
Also, copy the code to add to layout\/theme.liquid<\/strong> file:-<\/p>\n\n\n\n
{% render 'wk-mvm-variables' %}<\/pre>\n\n\n\n
Codes To Allow Delivery Days<\/h3><\/div>\n\n\n\n
Copy the code to add into sections\/main-product.liquid<\/strong> file:-<\/p>\n\n\n\n
<div id="wk_delivery_day_div" data-productId="{{product.id}}"><\/div><\/pre>\n\n\n\n
<\/p>\n\n\n\n
<\/p>\n\n\n\n
Code To Show\u00a0Product\u00a0Review\u00a0on\u00a0Google<\/h3><\/div>\n\n\n\n
Also, to show product review on Google, copy the code to add into sections\/main-product.liquid<\/strong> file:-<\/p>\n\n\n\n
{% render 'mvm-google-widget-review-snippet' %}<\/pre>\n\n\n\n
<\/p>\n\n\n\n
Product Video Description <\/h3><\/div>\n\n\n\n
Now, to show video as product description, copy the code to add into sections\/main-product.liquid<\/strong> file:-<\/p>\n\n\n\n
{% unless product.metafields.wk_product_video == empty %}{% for wk_product_video_url in product.metafields.wk_product_video %}\n{% assign wk_temp_mf = wk_product_video_url %}\n{% assign value = wk_temp_mf[1] %}\n<video controls width="180px" height="160px" style="margin:5px;object-fit: cover;" alt="video">\n<source src="{{ value }}" type="video\/mp4"><\/video>{% endfor %}{% endunless %}<\/pre>\n\n\n\n
<\/p>\n\n\n\n
Product Origin Country On Product Page<\/h3><\/div>\n\n\n\n
Also, to display the product origin country on the products description page, copy the following code into sections\/main-product.liquid<\/strong> file:-
<\/p>\n\n\n\n
<div id="seller_country_origin_div" style="display:none;" data-productid="{{ product.id }}" > {%- if product.metafields.wk_origin_country != blank -%}{%- for field in product.metafields.wk_origin_country -%}\n<strong> Seller Origin Country - {{ field | last }} <\/strong > {%- endfor -%}{%- endif -%}<\/div><\/pre>\n\n\n\n
Marketplace Shipping \u00a0<\/h3><\/div>\n\n\n\n
FOR SHIPPING CALCULATOR<\/p>\n\n\n\n
You need to copy the given code and paste it in your \u2018main-cart-items.liquid<\/strong>\u2018 file template inside <form> tag:-<\/p>\n\n\n\n
<div id="wk_shipping_calculate_div" class="mp-relative" style="clear: both!important; margin:15px;"><div id="wk_shipping_calculate"><div class='mp-loader mp-absolute'><div class='mp-spinner'><\/div><\/div><\/div><\/pre>\n\n\n\n
In case the Product page is selected, add the above code to main-product.liquid<\/strong> file.<\/p>\n\n\n\n
<\/p>\n\n\n\n
\"Screenshot-2021-08-26T190914.333\"<\/figure>\n\n\n\n
For Zone-wise Shipping<\/a> – Seller’s Shipping Zone<\/p>\n\n\n\n
To display seller’s shipping zones Ranges on your store’s product description, add the codes to main-product.liquid<\/strong> file:- <\/p>\n\n\n\n
<div id="wk_shipping_zones" data-productid="{{ product.id }}" style="margin:10px 0; overflow-x:auto; width: 100%;"><\/div><\/pre>\n\n\n\n
<\/p>\n\n\n\n
 Also, for PostCode Shipping<\/a>, add the codes to main-product.liquid<\/strong> file:-<\/p>\n\n\n\n
<div id="wk_postcode_wise_shipping" data-productid="{{ product.id }}"><\/div><\/pre>\n\n\n\n
Store Pickup Feature App Codes<\/h3><\/div>\n\n\n\n
To display Store Pickup details on the products description page, add the code to main-product.liquid<\/strong>:- <\/p>\n\n\n\n
<div id="wk_store_pickup_div" data-productid="{{ product.id }}"><\/div><\/pre>\n\n\n\n
To display Store Pickup address on the order description page, add the code to customer\/order.liquid<\/strong> file:- <\/p>\n\n\n\n
<th scope="col"> {{ 'Store Pickup '}}<\/th><th scope="col"> {{ 'Address' }}<\/th><\/pre>\n\n\n\n
Also, copy the following code into customer\/order.liquid<\/strong> file inside the body tag of the table below customer.order.total data-label:-<\/p>\n\n\n\n
<td data-label="{{'Store Pickup'}}">{{ line_item.properties.store_pickup}}<\/td><td data-label="{{'Address'}}">{% if line_item.properties.store_pickup_address %}<img  id="storepickup_direction" title="{{line_item.properties.store_pickup_address}}" src="https:\/\/sp-seller.webkul.com\/img\/IconSlices\/get-direction.png" style =" width:25px; height:25px">{% endif %}<\/td><\/pre>\n\n\n\n
IMPORTANT NOTE:-<\/strong> If your theme does not support product properties then, you need to add the below code into product-form.js<\/strong> file:- <\/p>\n\n\n\n
<meta http-equiv="content-type" content="text\/html; charset=utf-8">var properties_data =document.querySelectorAll('[name^="properties"]:not([disabled])');\nvar properties_object = {};\nproperties_data.forEach((data) => {\n     if(data.type == "radio"){\n           if(data.checked){\nlet name = data.name.replace("properties[", "").replace("]", "").toString();\n                let value = data.value;\n if(value != "")\n                    properties_object[name] = value;\n                }\n }\n            else{\n                let name = data.name.replace("properties[", "").replace("]", "").toString();\n                let value = data.value;\n                if(value != "")\n                    properties_object[name] = value;\n            }\n            });<\/pre>\n\n\n\n
properties: properties_object,<\/pre>\n\n\n\n
\"Screenshot-2021-08-29T182530.676-1\"<\/figure>\n\n\n\n
Custom Option Codes<\/h3><\/div>\n\n\n\n
Add the code to display the custom option to your store, copy the below-given code and paste it to product.json<\/strong> >> sections\/main-product.liquid<\/strong> file<\/strong> inside the form tag:-<\/p>\n\n\n\n
{% render 'wk-product-custom-option' %}<\/pre>\n\n\n\n
Copy the below-given code and paste it to cart.json <\/strong>>> section\/main-cart-items-liquid<\/strong> <\/strong>file:-<\/p>\n\n\n\n
{% assign wk_addon_price = 0 %}<\/pre>\n\n\n\n
Copy the below-given code and paste it to cart.json <\/strong>>> section\/main-cart-items-liquid<\/strong> <\/strong>file:- <\/p>\n\n\n\n
{% if property.first contains 'Extra\/' %}{% assign wk_addon_price = property.last | times: 100 | plus: wk_addon_price %}<span class='wk_addon_count' style='display:none;'><\/span>{% endif %}<\/pre>\n\n\n\n
Also, copy the below-given code and paste it after the properties loop in  main-cart-item.liquid<\/strong><\/strong><\/strong> file:-<\/p>\n\n\n\n
{% assign wk_addon_line_price = wk_addon_price | times: item.quantity %}<\/pre>\n\n\n\n
Copy the below-given code and paste it inside price object ( {{ item.original_price | money }} )  main-cart-item.liquid<\/strong><\/strong> file:-<\/p>\n\n\n\n
| plus: wk_addon_price<\/pre>\n\n\n\n
Also, copy the below-given code and paste it inside product total price object ({{ item.original_line_price | money }} ) main-cart-item.liquid<\/strong> file:-<\/p>\n\n\n\n
| plus: wk_addon_line_price<\/pre>\n\n\n\n
\"Screenshot-25\"<\/figure>\n\n\n\n
\"Screenshot-26-1\"<\/figure>\n\n\n\n
\"Screenshot-27\"<\/figure>\n\n\n\n
Now, copy the below-given code and paste it inside cart total price object ( {{cart.total_price | money}} ) cart.json >>section\/main-cart-footer.liquid <\/strong>file:-<\/p>\n\n\n\n
| plus: wk_addon_cart_total<\/pre>\n\n\n\n
{% assign wk_addon_cart_total = 0 %}\n{%- for item in cart.items -%}\n{% assign wk_addon_price = 0 %}\n{%- for property in item.properties -%}\n{% if property.first contains 'Extra\/' %}\n{% assign wk_addon_price = property.last | times: 100 | plus: wk_addon_price %}\n{% endif %}\n{%- endfor -%}\n{% assign wk_addon_line_price = wk_addon_price | times: item.quantity %}\n{% assign wk_addon_cart_total = wk_addon_cart_total | plus: wk_addon_line_price %}\n{%- endfor -%}<\/pre>\n\n\n\n
\"Screenshot-28\"<\/figure>\n\n\n\n
<\/p>\n\n\n\n
<\/p>\n\n\n\n
<\/p>\n\n\n\n
<\/p>\n\n\n\n
<\/p>\n\n\n\n
Ask a Question Feature App Codes<\/h3><\/div>\n\n\n\n
To display Ask a Question button on the product description page, add the code into product.json<\/strong> >> sections\/main-product.liquid<\/strong> file:-<\/p>\n\n\n\n
<div id="wk-askme"> {% if customer %} <input id="wk-is-login" type="hidden" value="{{ customer.email }}"> <input id="wk-cust-name" type="hidden" value="{{ customer.name }}"> {% endif %} <input id="wk-id-product" type="hidden" value="{{ product.id }}"> <\/div><\/pre>\n\n\n\n
Also, to display the seller queries in the customer \u201cMy Account\u201d section, code into customers\/account.liquid<\/strong> file:-<\/p>\n\n\n\n
<div><a href='\/pages\/ask-a-question\/sellers' target='_blank' class='view-customer-queries'><button class='btn'>Sellers Query<\/button><\/a><\/div><\/pre>\n\n\n\n
To display the product queries in the customer \u201cMy Account\u201d section, add the code into customers\/account.liquid<\/strong> file:- <\/p>\n\n\n\n
<div id="wk-customer-queries"> <input id="wk-customer-email" type="hidden" value="{{ customer.email }}"> <\/div><\/pre>\n\n\n\n
Also, add the code into customers\/order.liquid<\/strong> file:- <\/p>\n\n\n\n
<div id="wk-askme"> {% if customer %} <input id="wk-is-login" type="hidden" value="{{ customer.email }}"> <input id="wk-cust-name" type="hidden" value="{{ customer.name }}"> {% endif %} <\/div><script>var orders = JSON.stringify({{order.line_items|json}});<\/script><\/pre>\n\n\n\n
Product Review App Codes<\/h3><\/div>\n\n\n\n
Copy following code into product.json<\/strong> >> sections\/main-product.liquid<\/strong><\/strong> file:-<\/p>\n\n\n\n
{% capture wk_product_review %}{% render "mvm-product-review" %}{% endcapture %} {% unless wk_product_review contains "Liquid error" %} {{ wk_product_review }} {% endunless %}<\/pre>\n\n\n\n
{% capture wk_product_review %}{% render "mvm-product-review" %}{% endcapture %} {% unless wk_product_review contains "Liquid error" %} {{ wk_product_review }} {% endunless %}<\/pre>\n\n\n\n
Now, copy following code into theme.liquid<\/strong> file inside the head tag:-<\/p>\n\n\n\n
<script>var invalid_name = 'Enter your name.'; var invalid_email = 'Enter a invalid email address.'; var invalid_summary = 'Write some summary about review(minimum 5 characters)'; var invalid_title = 'Review title should be less than 160 characters.'; var minimum_desc = 'Write some description about review(minimum 5 characters).'; var maximum_desc = 'Review description should be less than 2000 characters.'; var invalid_customer = 'Invalid Customer! , The customer needs to buy this product before giving the review.'; var already_reviewed = 'Your review has already been submitted before!.'; var invalid_rating = 'Please give some rating first.';var empty_rating = 'Rating can not be empty.'; <\/script><\/pre>\n\n\n\n
Copy following code into customers\/account.liquid<\/strong> file:-<\/p>\n\n\n\n
<div id="wk-your-reviews"> <input id="wk-cstm-email" type="hidden" value="{{ customer.email }}"> <\/div><\/pre>\n\n\n\n
Also, copy the below given code & paste it to collection.json >> sections\/main-collection-product-grid.liquid >> snippets\/product-card.liquid file<\/strong>:-<\/p>\n\n\n\n
{% render "mvm-product-collection-review", product: product_card_product %}<\/pre>\n\n\n\n
Global Product App Codes<\/h3><\/div>\n\n\n\n
To display global products on product page, add the code product.json<\/strong> >> sections\/main-product.liquid<\/strong> file:-<\/p>\n\n\n\n
<div class="wk_global_product" data-prod ="{{product.id}}" data-var ="{{product.selected_or_first_available_variant.id}}" style="display:none; border-bottom:1px solid #ddd; border-top:1px solid #ddd; padding:5px;" data-tags="{{ product.tags }}" ><\/div><\/pre>\n\n\n\n
To hide ‘Add to Cart’ button on your store product description page, add the code into product.json<\/strong> >> sections\/main-product.liquid<\/strong> file<\/strong>:- <\/p>\n\n\n\n
{% if product.tags contains 'wk_global' %}style='display:none;'{% endif %}<\/pre>\n\n\n\n
Also, to hide ‘Add to Cart’ button for seller’s product on your store product description page:-<\/p>\n\n\n\n
{% if product.tags contains 'se_global' %}style='display:none;'{% endif %}<\/pre>\n\n\n\n
Favorite Product\/Seller Codes <\/h3><\/div>\n\n\n\n
To display favorite button on seller products, add the code into product.json<\/strong> >> sections\/main-product.liquid<\/strong> file<\/strong> to display the “favorite” button on seller products.<\/p>\n\n\n\n
<div class="wk_like_btn" style="cursor:pointer; display:none; padding:5px; clear:both;"><a><i class="fa fa-heart-o" id="wk_icon" data-like="" data-total_count="" aria-hidden="true"><\/i><\/a><input type="hidden" class="customerid" value="{{ customer.id }}"><input type="hidden" class="productid" value="{{ product.id }}" data-vid=""><\/div><\/pre>\n\n\n\n
Also, here is the code to add into customers\/account.liquid<\/strong> template to display the favorite product\/seller button on customer account page:-<\/p>\n\n\n\n
<div id="wk-customer-likes" style="clear: both!important; margin:10px 0!important;"><input id="wk-customer-id" type ="hidden" value="{{ customer.id }}"><\/div><\/pre>\n\n\n\n
Add the code into page.mp_seller_profile.liquid <\/strong>template to display the \u201cfavorite\u201d button on seller profile page:-<\/p>\n\n\n\n
<input type="hidden" class="customerid" id="customerid" value="{{customer.id}}"><\/pre>\n\n\n\n
Stock Management App Codes<\/h3><\/div>\n\n\n\n
Copy following code into product.json<\/strong> >> sections\/main-product.liquid<\/strong> file<\/strong> to display the “fulfillment” logo on seller products:-<\/p>\n\n\n\n
<div id="wk_ff_service" style="margin:15px 0;clear:both;"><input type="hidden" id="productid" value="{{ product.id }}"><\/div><\/pre>\n\n\n\n
Seller Vacation App Codes<\/h3><\/div>\n\n\n\n
Add the code into product.json<\/strong> >> sections\/main-product.liquid<\/strong> file<\/strong> to display the “Seller Vacation Message”:-<\/p>\n\n\n\n
<div id="wk_seller_vacation_div" data-productid="{{ product.id }}"><\/div><\/pre>\n\n\n\n
Seller Time Slot Management Codes<\/h3><\/div>\n\n\n\n
To hide Add to Cart<\/h4>\n\n\n\n
Copy the below-given code and paste it to product.json<\/strong> >> sections\/main-product.liquid<\/strong> file<\/strong> inside the form tag:-<\/p>\n\n\n\n
<div id="wk_seller_time_slot" data-productid ="{{product.id}}"><\/div><\/pre>\n\n\n\n
Add wk_cart to class of Add to cart button<\/h4>\n\n\n\n
Copy the below-given code and paste it to product.json<\/strong> >> sections\/main-product.liquid<\/strong> file<\/strong> inside class of Add to cart button<\/p>\n\n\n\n
wk_cart<\/pre>\n\n\n\n
Also, copy the below-given code and paste it to product.json<\/strong> >> sections\/main-product.liquid<\/strong> file<\/strong> above Add To Cart button:-<\/p>\n\n\n\n
<span id="wk_cart_error"  style="display:none" >Store Closed, Try after some time<\/span><\/pre>\n\n\n\n
Error Label message for normal cart<\/h4>\n\n\n\n
Add the below-given code and paste it to cart.json >>section\/main-cart-footer.liquid<\/strong><\/strong> file after Checkout button:-<\/p>\n\n\n\n
<span id="wk_cart_error"  style="display:none" >Store Closed, Try after some time<\/span><\/pre>\n\n\n\n
Error Label message for split cart<\/h4>\n\n\n\n
Also, copy the below-given code and paste it to cart.json >>section\/main-cart-footer.liquid<\/strong><\/strong> <\/strong><\/strong><\/strong>template after Checkout button:-<\/p>\n\n\n\n
<span id="wk_cart_error_{{vendor | replace: ' ', '_'}}"  style="display:none" >Store Closed, Try after some time<\/span><\/pre>\n\n\n\n
Hyperlocal Marketplace Codes<\/h3><\/div>\n\n\n\n
Here is the code to activate the hyperlocal marketplace on your store, add the code into theme.liquid<\/strong> file inside the head tag:-<\/p>\n\n\n\n
{% capture the_snippet_content %}{% include 'mvm-hyperlocal-config' %}{% endcapture %}{% unless the_snippet_content contains "Liquid error" %}{% if hyperlocal_active == 1 %}<script type="text\/javascript" src="https:\/\/sp-seller.webkul.com\/shopify-mp\/js\/hyperlocal_mp.js"><\/script><script> var hyperlocal_active = {{ hyperlocal_active }}; var no_seller_found = "{{ no_seller_found }}"; var seller_not_deliver = "{{ seller_not_deliver }}";var add_location_btn = "{{ add_location_btn }}"; var delv_location_req = "{{ delv_location_req }}";var product_unavailable = "{{product_unavailable}}"; <\/script>{% endif %}{% endunless %}<\/pre>\n\n\n\n
To customise the storefront background image and content, follow the below steps:-<\/p>\n\n\n\n