How to remove the ‘view all products’ button from prestige theme

Store Design
,

Topic summary

A user seeks to remove ‘view all products’ buttons from collection images on their homepage using the Prestige theme.

Initial Attempts:

  • Another user suggested adding CSS to theme.liquid, but this didn’t work
  • A second suggestion involved adding display:none CSS to theme.css targeting .CollectionItem__Wrapper .SectionHeader__ButtonWrapper
  • The user had difficulty locating the correct file and experienced confusion about where to place the code

Resolution:

  • Anshul_arora provided a working solution: adding specific CSS code wrapped in <style> tags to theme.liquid before the </body> tag
  • This successfully removed the buttons from collection images

Follow-up:

  • The user asked if this will apply to future collection lists added to the site
  • Anshul confirmed it will work for elements with the same class name, but different CSS would be needed if class names change in the future

The issue is now resolved, with the user expressing gratitude for the working solution.

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

Hi all,

How do I remove the ‘view all products’ button on my collection list images? I’m using the prestige theme.

Thank you in advance!

Mark

2

@Jednay Hello can you share the store URL?

3

Hi @Jednay

You can try this code by following these steps:

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

Step 2: Search file theme.liquid

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

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

4

Hello @Jednay ,

Please can you share store URL,

Thanks!

5

Hi there,

Thank you, this didn’t work unfortunately.

6

Hi there,

www.jednay.com

7

Hello,

www.jednay.com

8

Which page do you mean? cant see this button

9
  • Hi Kazi,
  • The home page, the buttons that say ‘The Four’ etc (originally ‘View all products’)
10

Home page.png
Home page.png1290×2796 875 KB

11

@Jednay go to customize then click that section see if there is option to disable the button or put this css assets > theme.css

.CollectionItem__Wrapper .SectionHeader__ButtonWrapper {
display: none;
}

12

Hi Kazi,

Where do I put that code please?

13

Go to online store then click “edit code” from the 3 dotted option of theme then you will see at left “assets” then go to theme.css file put it at bottom

14

Hmm? Still no luck

15

Did you put that css on theme.css file and clicked “save” ?

16

Yes, but now i think of it. I have had code added somewhere a while ago to reduce the size of the buttons in question, so maybe that can make your code void/ineffective??

17

I cant see that css on theme.css file can you send screenshot ?

18

I don’t know where it is to be honest.

19

I have attached 2 screenshots click online store > themes > then click 3 dots and select edit code then assets > theme.css and put the css at bottom of file

edit.png
edit.png1326×553 138 KB

asset.png
asset.png1353×629 49.6 KB

20

So in Base? Not Liquid? Thanks