Our Partner & Developer boards on the community are moving to a brand new home: the .dev community forums! While you can still access past discussions here, for all your future app and storefront building questions, head over to the new forums.

Re: Variants picker doesn't work

Solved

Variants picker doesn't work

Austin15
Tourist
4 0 1

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.comScreenshot 2024-08-23 at 2.13.00 AM.pngScreenshot 2024-08-23 at 2.12.06 AM.png

Accepted Solution (1)

BSSCommerce-B2B
Shopify Partner
1972 564 564

This is an accepted solution.

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"
    BSSCommerceB2B_2-1724523951013.png
    Like this: BSSCommerceB2B_3-1724523992546.png

     

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"
    BSSCommerceB2B_0-1724523732766.png

    Like this: 

    BSSCommerceB2B_1-1724523772547.png

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

Replies 3 (3)

BSSCommerce-B2B
Shopify Partner
1972 564 564

This is an accepted solution.

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"
    BSSCommerceB2B_2-1724523951013.png
    Like this: BSSCommerceB2B_3-1724523992546.png

     

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"
    BSSCommerceB2B_0-1724523732766.png

    Like this: 

    BSSCommerceB2B_1-1724523772547.png

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
Tourist
4 0 1

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
Shopify Partner
1972 564 564

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