Re: Variables only show up when I click on Choose Options and Disappear when I click on the product.

Solved

Variables only show up when I click on Choose Options and Disappear when I click on the product.

DrBrennanMD
Visitor
3 0 0

I created 2 Variables for Tumbler Lids 

1. Size (10 oz, 20 oz, 30 oz)  

2. Style  (magnetic lid, sliding lid, pushing lid, flipping lid etc) 

 

PROBABLY EASIEST TO WATCH THE VIDEO TO UNDERSTAND (THANKS) 

Customer should be able to click on the product and then choose The Style and Size, however they can only see this if they click on Choose Options. If they click on the product you see the 2 variables and then quickly one disappears. I attached images and video to show you what I mean. Does anyone know possible reasons for this? 


Thank you! 

chooose options.jpg

doesnt show style.jpg

one variant.png

variants.jpg

  

 

Accepted Solution (1)

PaulNewton
Shopify Partner
7450 656 1562

This is an accepted solution.

Hi @DrBrennanMD 👋

 

Hot take: It's probably something to do with globo-swatches app.

Otherwise what is the store url, or a preview reproducing the issue,  for others to inspect

https://community.shopify.com/c/blog/how-to-get-support-from-the-community/bc-p/1419945 

 

The style change/flicker around 0:08 in your video can be from many types of issues:

 

  1. Disable any adblock , userstyle , or admin type of browser extensions.
  2. Disable any ab testing campaigns.
  3. If new apps have been added/removed , or theme customizations created/reverted then try in a different browser/private-browsing mode to rule out cache issues.
  4. Has the theme been customized, is this issue present in a new theme install.
  5. Do you have any type of product-personalization, or variant-swatch apps etc installed that affect the frontend in anyway? disable one by one and test
  6. check the site for javascript errors  in developer console (ctrl+shift+j in chrome browser windows), or inspect the network tabs for app behavior
  7. validate the website https://validator.w3.org/ your mainly looking for malformed errors and unclosed tags.

Good Hunting.

 

If you still can narrow it down and need debugging service then contact me by my email for services.
Contact info in forum signature.
ALWAYS please provide context, examples: store url, theme name, post url(s) , or any further detail in ALL correspondence.

Contact [email protected] for the solutions you need


Save time & money ,Ask Questions The Smart Way


Problem Solved? ✔Accept and Like solutions to help future merchants

Answers powered by coffee Thank Paul with a Coffee for more answers or donate to eff.org


View solution in original post

Replies 4 (4)

PaulNewton
Shopify Partner
7450 656 1562

This is an accepted solution.

Hi @DrBrennanMD 👋

 

Hot take: It's probably something to do with globo-swatches app.

Otherwise what is the store url, or a preview reproducing the issue,  for others to inspect

https://community.shopify.com/c/blog/how-to-get-support-from-the-community/bc-p/1419945 

 

The style change/flicker around 0:08 in your video can be from many types of issues:

 

  1. Disable any adblock , userstyle , or admin type of browser extensions.
  2. Disable any ab testing campaigns.
  3. If new apps have been added/removed , or theme customizations created/reverted then try in a different browser/private-browsing mode to rule out cache issues.
  4. Has the theme been customized, is this issue present in a new theme install.
  5. Do you have any type of product-personalization, or variant-swatch apps etc installed that affect the frontend in anyway? disable one by one and test
  6. check the site for javascript errors  in developer console (ctrl+shift+j in chrome browser windows), or inspect the network tabs for app behavior
  7. validate the website https://validator.w3.org/ your mainly looking for malformed errors and unclosed tags.

Good Hunting.

 

If you still can narrow it down and need debugging service then contact me by my email for services.
Contact info in forum signature.
ALWAYS please provide context, examples: store url, theme name, post url(s) , or any further detail in ALL correspondence.

Contact [email protected] for the solutions you need


Save time & money ,Ask Questions The Smart Way


Problem Solved? ✔Accept and Like solutions to help future merchants

Answers powered by coffee Thank Paul with a Coffee for more answers or donate to eff.org


DrBrennanMD
Visitor
3 0 0

Thank you I appreciate it. I will try now! 

tim
Shopify Partner
3856 378 1410

@PaulNewton is right. Globo app hides your default theme buttons. Check the configuration -- make it ignore non-Color options?

If my post is helpful, consider liking it -- it will help others with similar problem to find a solution.
I can be reached via e-mail [email protected]
DrBrennanMD
Visitor
3 0 0

Wow, thank you. I found that I have a variant swatch app called GLO Color Swatch. All I did was hit UPDATE data and BAM it works. Thank you So much Appreciate it. 2024-08-12_22-18-27.jpg