A configurable product looks like a single product with a list of options for each variation. Each option is actually a separate simple product with a unique SKU, which makes it possible to track inventory for each product variation.
ScandiPWA theme supports configurable product display on the storefront. By default, when opening a product description page of a configurable product, none of the options are preselected.
To create a configurable product:
Access the admin > Catalog > Products
Tap the dropdown arrow on the Add Product button
Tap Configurable Product
Complete the Required Settings
Complete the Basic Settings
Complete the Product Information. To see, which settings are supported by ScandiPWA, refer to Product Settings.
When complete, tap Save.
Apply a single set of / unique images to all SKUs
Browse to each image that you want to include in the product gallery, or drag them to the box to apply a single set of images.
Apply unique images by attribute to each SKU
You can upload a unique image for each product option that will appear in the shopping cart when someone buys the specific product option.
NOTE! In ScandiPWA, cart thumbnail for configurable products is always set to Product Thumbnail Itself.
Apply single price to all SKUs
You can apply a single price for all the product options of your configurable product.
NOTE! On product listing and product description pages, when no attribute value/product option is selected, the ScandiPWA theme displays the small image of the child product that it received from the server first.
Apply unique prices by attribute to each SKU
ScandiPWA respects adding different prices for different product options. The price will change correspondingly on the storefront when a specific product option is selected.
Apply single quantity to each SKU
You can apply a single quantity for all the product options of your configurable product.
Apply unique quantity by attribute to each SKU
ScandiPWA respects adding different stocks for different product options. When a specific product option becomes out of stock, the attribute combination becomes unavailable.
After any change, the product will be updated on the front-end immediately after save as they are part of the ScandiPWA caching solution that will invalidate caching entries for the updated content. No cache flush or any other manual operations are necessary. Content will be visible after page refresh and a new cache entry will be stored.