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
282 29 43

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 20 53

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 Product Options: Any product options app can help you create custom options, but Easify turns those options into sales and conversions!
Easify Inventory Sync: Automate inventory syncing for Bundles, Duplicates, and Raw Materials. Say goodbye to manual tracking headaches.
Easify Product Attachments: Enrich your store with downloadable content. Easily add PDFs and other files to product or any page.
>>> Try Apps for Free | 24/7 Live Chat Support