Re: How to Remove "Choose Option" Buttons From Collection Cards On Refresh Theme?

Solved

How to Remove "Choose Option" Buttons From Collection Cards On Refresh Theme?

SpoiltRottenUK
Tourist
7 0 6

I have attached an image that shows where they display (highlighted in red)

If anybody could tell me how to remove these buttons via code that would be great,

this is because our personalisation apps do not show up on the quick add page.

 

Hope somebody can help

 

Thanks!shopify question.JPG

Accepted Solution (1)

Made4uo-Ribe
Shopify Partner
9593 2285 2835

This is an accepted solution.

Hi @SpoiltRottenUK ,

Try this one. 

  1. From your Shopify admin dashboard, click on "Online Store" and then "Themes".
  2. Find the theme that you want to edit and click on "Actions" and then "Edit code".
  3. In the "Assets" folder, click on "base.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
  4. And Save.
.quick-add {
    display: none;
}

Result:

Ribe_Dagandara_0-1687892381783.png

I hope it help. 

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.

View solution in original post

Replies 12 (12)

suyash1
Shopify Partner
10447 1288 1646

@SpoiltRottenUK - can you please share this page link?

Support me | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.

Made4uo-Ribe
Shopify Partner
9593 2285 2835

This is an accepted solution.

Hi @SpoiltRottenUK ,

Try this one. 

  1. From your Shopify admin dashboard, click on "Online Store" and then "Themes".
  2. Find the theme that you want to edit and click on "Actions" and then "Edit code".
  3. In the "Assets" folder, click on "base.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
  4. And Save.
.quick-add {
    display: none;
}

Result:

Ribe_Dagandara_0-1687892381783.png

I hope it help. 

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.
SpoiltRottenUK
Tourist
7 0 6

Thank you so much!

 

Worked like a treat

Made4uo-Ribe
Shopify Partner
9593 2285 2835

Welcome!😊

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.
HELDERWRLD
Pathfinder
150 0 8

How can i do it for Dawn Page?

 

Link: https://c04baf-2.myshopify.com/

Pass: Diversusoficial

Made4uo-Ribe
Shopify Partner
9593 2285 2835

Hi @HELDERWRLD 

Do you mean remove the option button? 

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.
HELDERWRLD
Pathfinder
150 0 8

That is correct. But already used the same code you sent and it worked. Thank you.

Can you support me on other issues i have please? If possible.

Rob_H247
Tourist
10 0 6

I pasted this code in the exact location for my dawn theme but made no change. Can you help? 

Made4uo-Ribe
Shopify Partner
9593 2285 2835

Hi @Rob_H247 

You may have different code. Do you mind to share your store? with passsword if its unpublish.Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.
miguelmakonga
Visitor
1 0 0

Hi Made4u! I tried this and it worked, but only for desktop. Do you know how to get this on mobile too?

Made4uo-Ribe
Shopify Partner
9593 2285 2835

Would you mind to share your store URL? If this still not solve yet. Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.

Pradeep02
Visitor
1 0 1

Helped me a lot after breaking my head past two days. Thank you so much for making things this simple.