Dropdown with product options

Ask the community
,
1

Hi guys i’m a neewbie here and i’m facing a problem i need to show product options in a dynamic product page in multiple dropdown lists.

For example if product have (size, paper, format) what is the best way to show those options as dropdowns?

Should i create static dropdowns in product page and then with some coding ask for product options values an populate dropdowns with those values? But what should i do in case product have more options?

Does anyone have a snippet of code to do this? Actually i figured out how to retrieve product options using this code.

export function dynamicDataset_ready() {
 // Get the product data from the current item.
 const currentProduct = $w("#dynamicDataset").getCurrentItem().product;
 // Get the product options from the product data.
 const productOptions = currentProduct.productOptions;
    console.log(productOptions) 
}

I’m getting this as result

838×388 11.9 KB

By the way happy new year and wish you all the best this 2021,
Kind Regards-.