remove "most popular" from Buy Button block

Shopify Apps

Topic summary

A user encountered an issue where the “most popular” label persistently appeared on their Buy Button block, even after disabling features like the dynamic buy button. The label would disappear temporarily but reappear after saving.

Solution provided:

  • Add custom CSS code to hide the label
  • Navigate to Online Store → Theme → Edit code
  • Locate the base.css file (or use custom CSS area)
  • Paste the code: .bc_bundles.bc_bundles_rendered { display: none !important; }

Outcome:
The original poster confirmed the CSS solution worked when applied to their custom CSS area, successfully removing the “most popular” label.

Summarized with AI on November 12. AI used: claude-sonnet-4-5-20250929.
1

I cannot figure out how to remove “most popular” from Buy Button block.

if I disable one of the features such as dynamic buy button in the settings “most popular” will disappear but after saving it will reappear. I can’t understand why it exists. Can anyone advise?

https://www.portlanddistro.com/products/archspire-lucid-collective-hoodie-sweatshirt

mostpopularissue.jpg
mostpopularissue.jpg2751×1569 224 KB

2

Hi @Defnasty

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

.cb_bundles.cb_bundles_rendered {

display: none !important;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly

3

I couldn’t find base.css but i pasted this in my custom css area and it works.

Thank you!