Variants picker doesn't work

Austin15 · ‎08-24-2024

My variant picker doesn't work somehow. When I select on a different variant, the product image doesn't change accordingly. (they have different images) The variant set-up in products is good. Could someone please help me out? 🙂

Store URL: vivicaff.com

BSSCommerce-B2B · ‎08-24-2024

Hi @Austin15,

I've noticed that you may have changed the "Add to Cart" button type to "button", which has caused some errors.
There are two ways to fix this issue:
Method 1:

Step 1. Go to Admin -> Online store -> Theme > Edit code
Step 2. Find the file buy-buttons.liquid
Step 3. Change the code i've marked here to type="submit"

Like this:

Method 2:

Step 1. Go to Admin -> Online store -> Theme > Edit code
Step 2. Find the file product-form.js
Step 3. Change the code i've marked here to type="button"
Like this:

If it helps you, please like and mark it as the solution.

Best Regards!

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.

B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.

B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.

BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

View solution in original post

BSSCommerce-B2B · ‎08-24-2024

Hi @Austin15,

I've noticed that you may have changed the "Add to Cart" button type to "button", which has caused some errors.
There are two ways to fix this issue:
Method 1:

Step 1. Go to Admin -> Online store -> Theme > Edit code
Step 2. Find the file buy-buttons.liquid
Step 3. Change the code i've marked here to type="submit"

Like this:

Method 2:

Step 1. Go to Admin -> Online store -> Theme > Edit code
Step 2. Find the file product-form.js
Step 3. Change the code i've marked here to type="button"
Like this:

If it helps you, please like and mark it as the solution.

Best Regards!

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.

B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.

B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.

BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

Austin15 · ‎08-24-2024

Hi @BSSCommerce-B2B,

For the first method, it's already type="submit" on my side, so I tried the second way. It works!

Thank you so much!!

BSSCommerce-B2B · ‎08-24-2024

Glad to help you 😊

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.

B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.

B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.

BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now