HI Sir, After select one product, loading option1 selection will cause some delay. How can I able to base on selected product ID to retriever all option1 variants ID in customer-card-product.liquid

Hi @Boyi , Do you mean that when you change variants, it will take time to load, and you don’t want this?

Yes, some delay (maybe few seconds) when we change option1. Base on our collected info, many cust only stay with us for few mins so few seconds is quite long already. I already have js code to save the 1st selection into cache so subsequent selection will be no delay. We wish to resolve the delay at…

I noted below code is used to select product and I am able to get product handle already. But now problem is how can I get all option1’s variant ID of this product. Would you please help to advise for it. Tks first for your help. ==================================================================== …

Hi @Boyi , You have 2 options for it: For code JS: For Liquid: {% for variant in product.variants %} {% comment %} show variant object {% endcomment %} {% endfor %}

Hi Namphan, Tks for your advice first. I actually able to capture the event in global.js file as below but fetch not work. Would you please help to advise how to amend below code to get all option1’s variant ID? document.addEventListener(‘DOMContentLoaded’, function() { // Function to handle clic…

Hi @Boyi , Please change code: document.addEventListener('DOMContentLoaded', function() { async function handleProductLinkClick(event) { const productHandle = this.getAttribute('data-selected-product-handle'); const data = await getData(productHandle); } function …

Hi @namphan , Tks for your help first. Btw I have tried it but unluck and nothing to return. I add 2 debug console.log as below and nothing captured. If something wrong with this code? document.addEventListener(‘DOMContentLoaded’, function() { async function handleProductLinkClick(event) { const…

Hi @Boyi , Can I send you a collaborator invitation? it will help me check everything in more detail

@namphan , Sure. Tks first. If possible we can do it tomorrow Singapore time between 2~5pm or 26th Jun Singapore time after 2pm? Rgds Tan Bing

How to base on Product handle to retriever all variant ID of option1

Store Design

namphan June 21, 2024, 3:05am 6

Hi @Boyi ,

I recommend using JS, it will make everything better

Topic		Replies	Views
HowTo Get Selected Variant Using Shopify Liquid Store Design	16	1396	May 3, 2023
How can I retrieve product details using variant id? Technical Q&A	5	445	February 12, 2025
How can I get the variant Id of a product on Checkout.liquid? Shopify Discussion troubleshooting , shop-performance	2	61	January 25, 2021
Dawn Theme get value of currently selected variant on Product Page Store Design	10	234	July 26, 2024
How to get the product data by product variants data Store Design customizations , collection-page , cart-page , troubleshooting	0	18	January 11, 2023

How to base on Product handle to retriever all variant ID of option1

Related topics