Menu Close
    Start a Project Request quote Reading list Switch to dark mode
    shopify-marketplace-mod

    Instructions for Hyperlocal Marketplace: Multi-Vendor Marketplace for Shopify

    Here are some important instructions for the Hyperlocal Marketplace featured app of the Multivendor Marketplace App for Shopify.

    You can also find the following instructions by visiting: MultiVendor Marketplace Admin Panel > Configuration > Instructions for Marketplace.

    Code-pasting with instructions:

    • Only for existing users (for new users, this code will be auto-added when you’ll install the add-on): To add the ‘Use Current Location‘ button on the homepage, add the following code into the mvm_hyperlocal.liquid file inside form “wk_search_fld” (third line).

    This is how it will look on frontend:

    • To customize the storefront background image and content, replace the following code in the index.liquid template:

    You can edit the code for your theme:

    1. From your Shopify admin, go to Online Store > Themes.
    2. Click Actions > Edit code.
    3. Further, search for index.liquid template & replace the code.

    This is how the frontend (HERO SECTION) will look like after pasting the code:

    • To activate the hyperlocal marketplace on your store, i.e., to load the hyperlocal.js, paste the following code in the theme.liquid template:

    You can edit the code for your theme:

    1. From your Shopify admin, go to Online Store > Themes.
    2. Click Actions > Edit code.
    3. Further, search for theme.liquid template & copy-paste the code.
    • To display the customer’s location & change location option on the store’s header, paste the following code in the header.liquid template:

    You can edit the code for your theme:

    1. From your Shopify admin, go to Online Store > Themes.
    2. Click Actions > Edit code.
    3. Search for header.liquid template & copy-paste the code.

    This is how the frontend will look like after pasting the code:

    • To restrict customers from buying seller products that are not available on the location added by the customer, paste these following codes in the product-template.liquid template:

    Replace add to cart button with this code:

    You can edit the code for your theme:

    1. From your Shopify admin, go to Online Store > Themes.
    2. Click Actions > Edit code.
    3. Furthermore, search for product-template.liquid  template & copy-paste the code.

    These codes will disable the ‘Add to Cart’ & ‘Buy Now’ button for products that are not available at the customer’s entered location.

    To display product availability on the collection page, paste these following codes in the product-card-grid.liquid template:

    This is how it will look on storefront:

    Need Help?

    If you are having trouble while updating the codes, let us know by emailing at shopify@webkul.com or creating a ticket for the same at Webkul UV Desk. We’ll do it for you!

    Moreover, if you can drop your query/suggestion at support@webkul.com or create your ticket at Webkul UV Desk

    . . .

    Comments (6)

    Add Your Comment

  • Valentin Mayet
    As long as the “product-template.liquid” seems to not exist anymore, where do i have insert code instead ?
    • Mansi Rana
      Hey, in case “product-template.liquid” isn’t present, you need to look for “product.liquid” instead. If this particular file also doesn’t exist, kindly drop the query at shopify@webkul.com and we will look into it as files may vary depending on the Shopify theme you are using.
      We can also add the codes regarding the app for you if you want. Let us know in the email.
      Thank you!
  • vernon nacpil
    is there a easy way to install everything in any theme?
  • Piyush
    In this hyperlocal app,the location value is cross referenced to vendor or the product?
    • Mansi Rana
      Hey Piyush,
      I hope you are doing well!
      The location value is cross-referenced to the vendors of the marketplace.
      Each vendor needs to update his location as well as the range for his delivery service on the basis of which all the sellers delivering in the entered location will be listed as results.
      Know more regarding the app by visiting the following link: Main Blog

      Furthermore, you can drop your query/suggestion at support@webkul.com or create your ticket at Webkul UV Desk

      Thank you!

  • Back to Top
    css.php
    Hire Us!
    Brief us about your requirements and we'll get back to you.
    Woo! Hooy!
    We have just recieved your project brief and our expert will contact you shortly.
    Send Again
    Close