Grid Theme - Hide Vendor & Price in Collection pages

Store Design
1

Hello - I have tried a few solutions in the theme code but cant find any that seem to work with Grid theme 4.0

Goal: Hide vendor and price info on collection pages - only want prices to show when item is clicked on - remove vendor in total

Thank you!

2

Hi @sonnynnaranjo ,

Please share your store URL and if your store is password protected then please provide password too.

So that we can help you.

Thank you.

3

Hi @sonnynnaranjo ,

Please share your store URL and password of front view.

So that I will check and let you know the exact solution here.

Best regards.

4

Welcome to shopify community.

Please share your store URL and if your store is password protected then please provide password too.

Thank you.

5

store URL: https://www.lunaandluz.com/

not password protected

6

Hi @sonnynnaranjo ,

You can try follow the instruction below:

  1. Go to Online Store → Theme → Edit code.
  2. Asset → /theme.css and paste code below into end of the file.
.product-list-item-vendor {
    display: none !important;
}
.product-list-item-price {
    display: none !important;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

7

Hi @sonnynnaranjo ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css->paste below code at the top of the file:
.collection-products .product-list-item-vendor,
.collection-products .product-list-item-price {
    display: none !important;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

8

This did not work

9

HI @sonnynnaranjo ,

Can you take a picture of the part where you copied the code?

I tried copying the theme.css file at the beginning, it still works normally

Screen Shot 2022-04-01 at 8.44.46 AM.png
Screen Shot 2022-04-01 at 8.44.46 AM.png2796×1270 477 KB

10

You are correct - I pasted at the bottom instead of at the top! This worked!

Is is possible to hide the product title as well in that code? Thank you in advance!

11

Hi @sonnynnaranjo ,

I checked it seems the title product you have hidden already?

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.