Why does my product card preview look strange after adding an accordion box?

PernillaH
Tourist
9 0 0

After I added an accordion box on my product sites the preview function of the products (in grids on start side) went all nuts. They no longer show variants or Add to cart button. 

 

Grid on start page. Looks all normal:

grid.JPG

When I click on one item to choose size and add to cart, the pop up box just looks like this, no details:

popupbox.JPG

 

What happened to the code, what did I ruin? 😞  I was following a tutorial, I can't code independently. Help!

Replies 14 (14)

PernillaH
Tourist
9 0 0

Oh, and this is the product page with the newly added accordion, if that helps.

 

accordion.JPG

TerenceKEANE
Shopify Partner
294 61 53

Hi!

 

Looks like You might've done something wrong. Could you share the website address so I can assist you?

Terence.

Our Website --- Looking for Premium Coding Support? Join our unique "PREMIUM SUPPORT" service starting at 59 USD for 1 month!
★ If I helped you, Please don't forget to Like and Mark Solution to the post that helped you.
If my support was a lifeline for you, The COFFEE   would be the anchor keeping me steady!
★ For Quick response --> WhatsApp | Email --> info@novajetsoft.com | Software Engineer - Specializing In Advanced E-Commerce Websites
PernillaH
Tourist
9 0 0

Thank you, so very kind of you. Didn't get a notice when you answered so sorry for late response.

It's oddlysocks.se. It's not up and running official yet though so please let me know when you can look at it so I can remove the password temporarily for you. 

Pernilla

TerenceKEANE
Shopify Partner
294 61 53

You are welcome 😊 I can help you if you remove the password or provide it here.

Terence

Our Website --- Looking for Premium Coding Support? Join our unique "PREMIUM SUPPORT" service starting at 59 USD for 1 month!
★ If I helped you, Please don't forget to Like and Mark Solution to the post that helped you.
If my support was a lifeline for you, The COFFEE   would be the anchor keeping me steady!
★ For Quick response --> WhatsApp | Email --> info@novajetsoft.com | Software Engineer - Specializing In Advanced E-Commerce Websites
PernillaH
Tourist
9 0 0

Thanks! I've removed the password now so please be my guest http://www.oddlysocks.se  🙂 

TerenceKEANE
Shopify Partner
294 61 53

The issue you're encountering seems to be related to the 'quickview' section. This could be due to several factors: you might have accidentally hidden certain buttons from the theme panel, a theme update, conflicting apps or codes, or other unforeseen changes. However, I've managed to restore the hidden area to its original state. Is this the exact behavior you were expecting?

 

If you encounter any issues again, feel free to write, I'll help. 🙂

 

Navigate to the 'Edit Code' option in your theme settings, then search for “base.css” in the search bar and add below codes.

 

.product__description.rte.quick-add-hidden {
display: block !important;
}

 

shopify.base.css.jpg

 

 

TerenceKEANE_0-1714495879754.png

 

Our Website --- Looking for Premium Coding Support? Join our unique "PREMIUM SUPPORT" service starting at 59 USD for 1 month!
★ If I helped you, Please don't forget to Like and Mark Solution to the post that helped you.
If my support was a lifeline for you, The COFFEE   would be the anchor keeping me steady!
★ For Quick response --> WhatsApp | Email --> info@novajetsoft.com | Software Engineer - Specializing In Advanced E-Commerce Websites
PernillaH
Tourist
9 0 0

Oh, I accidently once disabled the rightclick function and now I can't find my way back to enable it again. Maybe that causes you trouble? If so, I'm sorry. 

TerenceKEANE
Shopify Partner
294 61 53

As software developers, we can effortlessly handle with the 'right-click' issue.  😉

Our Website --- Looking for Premium Coding Support? Join our unique "PREMIUM SUPPORT" service starting at 59 USD for 1 month!
★ If I helped you, Please don't forget to Like and Mark Solution to the post that helped you.
If my support was a lifeline for you, The COFFEE   would be the anchor keeping me steady!
★ For Quick response --> WhatsApp | Email --> info@novajetsoft.com | Software Engineer - Specializing In Advanced E-Commerce Websites
PernillaH
Tourist
9 0 0

Haha, that's great, of course you can. 😄

Your printscreen looks like it should, yay, but where is the code I should paste? I feel so stupid now, what am I missing? 

TerenceKEANE
Shopify Partner
294 61 53

I have updated the topic. 🙂

Our Website --- Looking for Premium Coding Support? Join our unique "PREMIUM SUPPORT" service starting at 59 USD for 1 month!
★ If I helped you, Please don't forget to Like and Mark Solution to the post that helped you.
If my support was a lifeline for you, The COFFEE   would be the anchor keeping me steady!
★ For Quick response --> WhatsApp | Email --> info@novajetsoft.com | Software Engineer - Specializing In Advanced E-Commerce Websites
PernillaH
Tourist
9 0 0

You've already fixed it in the code? But it doesn't show up when I look at my website? Do I need to do anything or just wait for it to update? 

TerenceKEANE
Shopify Partner
294 61 53

If you've added the codes correctly, there shouldn't be any issues. Please provide me with the exact location where you added the codes. If possible, send me a screenshot to clarify.

 

Additionally, if there's a 'cache' present, you'll need to clear it as well.

Our Website --- Looking for Premium Coding Support? Join our unique "PREMIUM SUPPORT" service starting at 59 USD for 1 month!
★ If I helped you, Please don't forget to Like and Mark Solution to the post that helped you.
If my support was a lifeline for you, The COFFEE   would be the anchor keeping me steady!
★ For Quick response --> WhatsApp | Email --> info@novajetsoft.com | Software Engineer - Specializing In Advanced E-Commerce Websites
PernillaH
Tourist
9 0 0

It works! The code came up in your post, I don't know why I couldn't se it at first, but I copied it into base.css and now it looks as it should! You're a magician, thank you thank you thank you!! I'm so happy! 😍

TerenceKEANE
Shopify Partner
294 61 53

You are welcome 😉

Let me know if you need any further assistance. Feel free to tag me or send a private message when opening a new topic. If I find time outside of our software and "Shopify  Premium Support" service, I can assist.

Best regards.

 

Terence.

Our Website --- Looking for Premium Coding Support? Join our unique "PREMIUM SUPPORT" service starting at 59 USD for 1 month!
★ If I helped you, Please don't forget to Like and Mark Solution to the post that helped you.
If my support was a lifeline for you, The COFFEE   would be the anchor keeping me steady!
★ For Quick response --> WhatsApp | Email --> info@novajetsoft.com | Software Engineer - Specializing In Advanced E-Commerce Websites