Add offers column in product detail page

vishalsharmacod
Shopify Partner
2 0 0

I want to add offers columns like this url 
https://www.amazon.in/Zixer-Korean-Platform-Fashion-Sneakers/dp/B09B5XNHM4?th=1&psc=1

 

 

 

2023-04-13_20-54-46.png

 

Please help me with this.

I have used shopify 1, BUT I am little confuse in 2.0
Also i have tried to add BLOCK but not success

 

2023-04-13_20-58-41.png

 

 

Replies 4 (4)

PaulNewton
Shopify Partner
6275 574 1324

If there is no existing section that can be repurposed for this then it's an advanced customization either hire someone, or you will have to create one from scratch or us a custom-liquid section to bring in code from an external web builder tool.

 

Some samples that may be relevant

https://shopify.github.io/liquid-code-examples/example/call-to-action

https://shopify.github.io/liquid-code-examples/example/logo-list 

 

 

Save time & money ,Ask Questions The Smart Way


Confused? Busy? Get the solution you need paull.newton+shopifyforum@gmail.com


Problem Solved? ✔Accept and Like solutions to help future merchants

Answers powered by coffee Buy Paul a Coffee for more answers or donate to eff.org


gr_trading
Shopify Partner
1689 141 176

Hi @vishalsharmacod ,

 

You have to code this dynamic section to have feature like this.

 

You can achieve this via two type.

 

1. Fix liquid code

Create JSON metafield at product level which will have keys like offername, offerdesc, offerurl.

 

Parse JSON at liquid file to show, but you have to guide your client how to add offer their, as missing quote will break the complete code.

 

2. Create dynamic customized section

This will be more complex at code but very good for your client to add or remove offer.

 

Hope it helps...

 

Let me know if you or your client is willing to hire to impliment the same.

For any custom development WhatsApp or connect at Email ID: gr.trading15@gmail.com for quick consultation. | Shopify Free codes
To support Buy Me a Coffee
vishalsharmacod
Shopify Partner
2 0 0

hi Hari1_prasad
thank you for your response
option 1: Yes, it can be applied , but if we need to add 3 offers then we have to add 3 different offer's metafields OR more...

 

Option 2: this one i am still trying, but inside section we need BLOCKS for this. 
Question is How to add multiple dynamic block inside a section ?
like

Below price i want to add column-sliders of offers ?

 
 
 
gr_trading
Shopify Partner
1689 141 176

Option 1:

Since you will use JSON metafield you just need to add extra JSON node into the metafield.

 

Not the metafield, JSON metafield can be used as multiple dimension arrays.

 

Option 2:

Dynamic block can be added in product section too.

 

Using customized store and yes, you have to code for sliders. 

For any custom development WhatsApp or connect at Email ID: gr.trading15@gmail.com for quick consultation. | Shopify Free codes
To support Buy Me a Coffee