How to display different delivery options for a product based on the variant?

How to display different delivery options for a product based on the variant?

CristianT
Visitor
1 0 0

Hello community!

 

I use Shopify (Sense theme) for a small sneaker selling business. On each product page, I want to display some stock & delivery options like this:

  • for size 37.5 EU -> I want to display: Available - Delivery in 24h.
  • for size 38 EU -> I want to display: Available on pre-order. Delivery in 2-7 days.

example.JPG

If you select size 37.5, payment can be done by credit card or cash on delivery. If you select size 38, payment can be done only by credit card, somehow a condition for that variant in order to enable payment only by cc.

 

My questions are:

  • this feature can be achieved using a plugin or it's a feature that is already built in some Shopify Themes?
  • should I do some configurations or theme modifications in my actual theme in order to have this feature?

Thank you very much,

Cristian

 

Replies 2 (2)

YOD_Solutions
Shopify Partner
220 23 32

If you want to show the same messages for all 37.5 and 38 sizes, it can be done easily using a JavaScript. Otherwise, if there are more variations, you can save the stock and delivery information for each variant in metafields, load the metafield on the product page, and use JavaScript to display the matching variant information.

Founder @ JsRates: Custom Shipping Rates
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- To learn more about JsRates visit the JsRates home page or JsRates documentation
- Find JsRates on Shopify app store

EasifyApps
Shopify Partner
635 19 46

Hi @CristianT,

To display distinct messages based on selected Shopify variants, you can consider using the Advanced Conditional Logic feature offered by the Easify Product Options app.

Here's a quick demo 🤗:

Storefront:

EasifyApps_6-1705911296281.pngEasifyApps_7-1705911302667.png

 

Simple app settings:

EasifyApps_0-1705907083386.pngEasifyApps_1-1705907095021.pngEasifyApps_2-1705907103594.pngEasifyApps_3-1705907146063.pngEasifyApps_4-1705907150920.pngEasifyApps_5-1705907338598.png

 

As for addressing your specific requirement regarding payment methods associated with each size, it might be necessary to explore integration with another app or seek guidance from Shopify Staff for a tailored solution.

EASIFY - MAKING SHOPIFY SIMPLE & SWEET!
Easify Product Options: Create custom product options 10X faster & easier!
Easify Product Attachments: Effortlessly add downloadable PDF files (or any other format) to Shopify pages!
Try for Free | 24/7 Live Chat Support