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

[PernillaH]

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:

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

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

[PernillaH]

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

[TerenceKEANE]

Hi!

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

Terence.

[PernillaH]

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]

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

Terence

[PernillaH]

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

[TerenceKEANE]

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;
}

[PernillaH]

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]

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

[PernillaH]

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]

I have updated the topic. 🙂

[PernillaH]

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]

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.

[PernillaH]

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]

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.