Color options on shop page

Ask the community
, ,
1

Hello,

Anyone has an idea how to show the product color in the shop page.
The shop page should have also the same colors as the detail product page.

Example as it should be:

1175×920 69.9 KB

Until now i have found how to print the colors in the console. But i have hard-coded the product id, so should be different.

import wixStores from 'wix-stores';

$w.onReady(function () {
 //TODO: write your page related code here...
    wixStores.getProductOptionsAvailability('bcbbd091-010a-b820-cd09-b52637067c51', null).then((product)=>{
 let options = product.productOptions;
 let kleuren = options.Kleur.choices;
        console.log(kleuren)
 for (var i = 0; i < kleuren.length; i++) {
 var value  = kleuren[i];
            console.log(value.value);
        }
    }).catch((error)=>{
        console.log(error);
    })
});

Thanks for the help.

2

nobody any idea? or documentation how to modify productgallery?