Placement QT selector & add to cart

Placement QT selector & add to cart

Maiselnielsen
Excursionist
27 1 2

Hi, 

 

I changed the placement of my QT selector to be next to the add to cart button. Which works fine. 

 

However I just discovered that there are some issues with only the giftcard products since it offers the customer to send as a gift and the placement of this function is now interfering with the QT selector and add to cart button. 

 

I have tried inserting the attached code in theme.liquid but it also changes the placement on all the other products and then I end up having the problem solved on the giftcard product but having the initial product on all other products instead. 

 

Maybe it is not the QT selector and add to cart button there is the problem but instead the little unique check-field "I want to send this as a gift" that effects the placement on only this product. Is it easier to remove the placement og the check-field instead? 🙂

 

Any ideas on how to fix this? 

 

Thank you! 🙂 

 

www.linierelingerie.com

Password - xef84eju (the site is currently password protected) 

 

Skærmbillede 2024-08-03 kl. 18.48.04.png

This is how all other products look and what i want it too look under the giftcard. 

Skærmbillede 2024-08-03 kl. 18.47.07.png

 This is how the giftcard looks. 

Skærmbillede 2024-08-10 kl. 14.46.00.png

Reply 1 (1)

PaulNewton
Shopify Partner
6921 621 1460

Hi @Maiselnielsen move the CSS into a custom-css setting for those product templates

https://help.shopify.com/en/manual/online-store/themes/theme-structure/extend/add-css

Then give the gift cards an alternate template WITHOUT that custom-css

https://help.shopify.com/en/manual/online-store/themes/os20/theme-structure/templates#create-a-new-t... 

 

Note that the CSS you've presented in a screenshot is a slapdash band-aid using absolute positioning so it's likely there are other unforeseen and unfound issues.

 

Contact paull.newton+shopifyforum@gmail.com 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