vuestorefront / vue-storefront-1

The open-source frontend for any eCommerce. Built with a PWA and headless approach, using a modern JS stack. We have custom integrations with Magento, commercetools, Shopware and Shopify and total coverage is just a matter of time. The API approach also allows you to merge VSF with any third-party tool like CMS, payment gateways or analytics. Newest updates: https://blog.vuestorefront.io. Always Open Source, MIT license.
https://www.vuestorefront.io
MIT License
18 stars 13 forks source link

Product Image and the selected color mismatch issue on the product page on initial load #215

Closed bloodf closed 3 years ago

bloodf commented 3 years ago

From vue-storefront created by ymaheshwari1: vuestorefront/vue-storefront#5462

Current behavior

In the case of configurable products, we check for the variant with the lowest price to display it on the initial load of the product page. If the product variant does not contain an original_price_incl_tax field and only contains a price_incl_tax field then the function returns the last variant to be displayed on the product page. This causes a mismatch between the product gallery prepared and the currently selected color on initial load.

Expected behavior

There should not be a mismatch between the color and the product image on the initial load.

Steps to reproduce the issue

  1. If your product variants in case of configurable products does not contain an original_price_incl_tax field.
  2. Go to any product
  3. You will see the image is not the same as the currently selected color.

Version of Vue Storefront

Can you handle fixing this bug by yourself?

Which Release Cycle state this refers to? Info for developer. (doesn't apply to Next)

Pick one option.

Environment details

Additional information