Have your say in Community Polls: What was/is your greatest motivation to start your own business?

How can I integrate Mapbox into a product page for location?

Solved

How can I integrate Mapbox into a product page for location?

Pragati1
Shopify Partner
8 0 0

I want to integrate Mapbox into the product for adding the location is there any app can you suggest.

 

Accepted Solution (1)
theycallmemakka
Shopify Partner
1743 424 443

This is an accepted solution.

Hi @Pragati1 ,

 

Can you review https://mangit.myshopify.com/products/product-3 and let me know if this is something you are looking for

Support Me: Buy me a Coffee


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

View solution in original post

Replies 6 (6)

theycallmemakka
Shopify Partner
1743 424 443

For what reason do you want to add the Mapbox on the product page?

Support Me: Buy me a Coffee


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

Pragati1
Shopify Partner
8 0 0

I am building a multivendor site in which there is on property section where the properties are thier to sell so where they are located I want to add the location like below image

Pragati1_0-1696917120003.png

 

theycallmemakka
Shopify Partner
1743 424 443

This is an accepted solution.

Hi @Pragati1 ,

 

Can you review https://mangit.myshopify.com/products/product-3 and let me know if this is something you are looking for

Support Me: Buy me a Coffee


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

Pragati1
Shopify Partner
8 0 0

Yes almost like that what you had used

theycallmemakka
Shopify Partner
1743 424 443

You can embed the google map on the site. I coppied the location from the google map and pasted it on a new page. 

After creating a new page, I selected its content on the collapsable row.

makkaomakka_0-1697017594598.pngmakkaomakka_1-1697017607153.png

 

makkaomakka_2-1697017704790.png

 

Note: If you do a little bit of theme customization, you can make this section dynamic for every product by adding a meta field.

 

Support Me: Buy me a Coffee


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

Pragati1
Shopify Partner
8 0 0

how we show it on the product detail page because different properties will have different locations.