Assistance Needed for Where to Buy Option Setup -Shopify

Topic summary

A user seeks to implement a “Where to Buy” feature on their Shopify store that displays a retailer list in a pop-up when clicked, similar to the Black+Decker website example they provided with screenshots.

Proposed Solutions:

  • API/Custom Integration: Use a Product Locator API or manually curated retailer links with a custom modal, implemented via JavaScript and Shopify Liquid
  • Metafields Approach: Create product metafields to store retailer information (names and links) as multi-line text or list of links
  • Resources Shared: Links to Shopify Buy Button documentation, JavaScript modal tutorials, and offers for custom code assistance

Current Status:

The discussion remains open and unresolved. The original poster has requested specific tutorial videos and a ready-to-use script that can be copied and pasted to create the exact pop-up functionality shown in their reference link. No complete solution or tutorial has been provided yet.

Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.

Hi Team,

I need to create a “Buy” option similar to the one in the link below. When users click the link, they should see our retailer list, just like in the example.

Could someone assist me with this? If there is a tutorial or video guide available, please share it with me.

Thank you!

https://www.blackanddecker.ae/product/or013fd-b5/oil-radiator-heater-13-fin-fan-forced?tid=587026

Hey @NishadSyed ,

Thank you for reaching out. We can certainly assist you in creating a “Buy” option similar to the one on the Black+Decker website. This feature would allow users to view a list of retailers carrying your product when they click the link.

To achieve this, we recommend using:

  • A Product Locator API or manually curating retailer links.

  • A custom modal or separate page to display retailer availability dynamically.

  • JavaScript and Shopify Liquid to integrate this into your existing theme.

For implementation, here are a few resources that may help:

  1. Shopify Buy Button

  2. Custom Modal with Javascript: Tutorial

  3. Retailer List Integration: We can provide custom code if needed.

If you’d like us to assist with development, let us know, and we’d be happy to guide you through the setup or provide a custom solution tailored to your store. For further assistance, please feel free to ping me via DM—I’d be happy to help you with this implementation.

Best regards,

Rajat

Shopify Expert.

Hi @NishadSyed

To create a “Buy” option that shows a list of retailers, you can follow these steps in :

  1. Go to Shopify Admin → Products

  2. Select a product

  3. Scroll down to Metafields (If you don’t see it, you can enable it under Settings → Custom Data → Products)

  4. Create a new metafield for Retailers (if not already added)

  • Name: Retailers List
  • Type: Multi-line text or List of Links
  1. Enter retailer names with links (Example):

Buy from:

This is the Manual way, we can also achieve this by adding pop-up which is the more attractive and advanced way.

1 Like

Do you have any tutorial videos for this? I need a pop-up that displays the store list, along with the full script to copy and paste. It should function exactly like the link above.

oh That’s good,
Do you have any tutorial videos for this? I need a pop-up that displays the store list, along with the full script to copy and paste. It should function exactly like the link above.