Hi, I’d like to amend the product quick add from the ‘add to cart’ button below the price to a ‘+’ on the corner of the image (I’d like a square white box with a black cross) Can anyone please help me with the code for this change? Image to explain: [Screenshot 2024-05-13 105253.png]

This is Noah from PageFly - Shopify Page Builder App Thank you , please add code here in file theme.liquid and above tag : Hope my solution will help you resolve the issue. Best regards, Noah | PageFly

Hello, Will you please share your store URL. also provide the password if it was password protected. Thank you from ShopiDevs

https://d47853-4.myshopify.com/ pw thauts

Hi @caleo2024 If you want to show the icon all time use this css .card__content .quick-add .button::before { content: "+" !important; font-size: 20px !important; font-weight: bold !important; transform: translateY(0) !important; z-index: 999 !important; } [13-05-2024-card.png…

Amazing thank you, that was my next question!! :slightly_smiling_face:

Thank you much! Works perfectly!

Thank you , Have a nice day :wink: !

Glad your next question is solved early :grinning_face: . Do not forget to like the answer :slightly_smiling_face:

Hi again, I’ve just noticed on mobile view the quick add cross seems to be too low - is there a way to make that position higher on mobile only (desktop is fine) Also is there a way to make the words ‘choose options’ just say ‘options’ and make this font smaller on both desktop and mobile? Thanks…

Can you please help me add the quick add to my Shopify products? Same theme.

Change format of product quick add for craft theme

Store Design

PageFly-Noah May 13, 2024, 3:23am 2

This is Noah from PageFly - Shopify Page Builder App

I can help you. Please can you provide the website url. Thank you.

Best regards,

Noah | PageFly

Topic		Replies	Views
Craft Theme - Quick Add for Mobile View Store Design design	4	44	June 7, 2024
Quick add button design Craft Store Design design , customizations , css , shopify-themes , html , product-page	2	54	April 25, 2024
Quick add button customisation - Dawn theme Store Design liquid , design , customizations , collection-page , landing-page , css , metafields , shopify-themes , troubleshooting , html , product-page	1	24	March 23, 2025
Change quick add to cart styling Store Design customizations , css , shopify-themes	1	33	March 3, 2025
How to add Quick add icon on featured product card in only mobile view Store Design design , customizations , collection-page , css , shopify-themes , product-page	0	15	January 31, 2024

Change format of product quick add for craft theme

Related topics