We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

Variant options not working Paris Theme

Variant options not working Paris Theme

MsClark1
Tourist
5 0 1

All of my variant options are showing correctly but when you go to the website you are not able to select anything.  It auto selects the first option and won't let you choose anything else.  I double checked the products in the admin console and all of them show as available and they each have all variant options filled out.  I don't track the inventory as I make most of the items in house so wondering if that could be affecting it?  Though it does show as available in the admin console.  Any help would be greatly appreciated as I cannot figure it out.  I have emailed the developer but haven't heard back from them.

 

My website is www.highvoltageworkwear.com

 

Replies 3 (3)

Guleria
Shopify Partner
4299 825 1189

Hello @MsClark1 ,

 

There is a JS conflict which prevents it from performing its action.

And not only variant but quantity selector is also not working.

I suggest reverting the changes you did recently.

 

Or if you need help to fix it now you can contact me for services

You can find the email in the signature below.

Thanks

 

- Elevate Your Store with Expert Shopify Services. Email: guleriathakur43@gmail.com - Need a quick fix or a tailored customization? I’ve got you covered.
- Looking to enhance your pages? Try GEMPAGES- a powerful drag & drop page builder.
- Let’s make your store stand out. Get in touch today!
- My Apps: Productify Groups – Smart product grouping made easy.

MsClark1
Tourist
5 0 1

Update:  No variant options work on the website (color, size, quantity) and the size chart link does not open.  All of these worked a couple days ago and I cannot figure out what has been changed to make them not work.

Guleria
Shopify Partner
4299 825 1189

Open the file theme.js under assets

scroll down to the bottom now here you will find this code 

 

@media only screen and (max-width: 719px){
.featured-collection__content .productgrid--item .productitem--image img {
    width: 50%;
    height: 50%;
}
.productitem__image-container {
      height: 25vh;
}
.promo-mosaic--height-small .promo-mosaic--inner.promo-mosaic--layout-3 .promo-block {
    width: 70%;
    margin: auto;
}
}

 remove it and save the file to check the changes.

 

Note: Make sure to take the backup of the file before make any changes.

 

Thanks

- Elevate Your Store with Expert Shopify Services. Email: guleriathakur43@gmail.com - Need a quick fix or a tailored customization? I’ve got you covered.
- Looking to enhance your pages? Try GEMPAGES- a powerful drag & drop page builder.
- Let’s make your store stand out. Get in touch today!
- My Apps: Productify Groups – Smart product grouping made easy.