Have your say in Community Polls: What was/is your greatest motivation to start your own business?

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
9076 2167 2677

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
10154 1255 1595

@SpoiltRottenUK - can you please share this page link?

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

Made4uo-Ribe
Shopify Partner
9076 2167 2677

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
9076 2167 2677

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
Explorer
146 0 8

How can i do it for Dawn Page?

 

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

Pass: Diversusoficial

Made4uo-Ribe
Shopify Partner
9076 2167 2677

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
Explorer
146 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
9076 2167 2677

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
9076 2167 2677

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.