Hide Price From 'Shop the Look' Section of Prestige Homepage

Store Design
1

I am able to suppress the product price from featured collections by applying code to theme.css. Please see result below:

Screenshot 2022-10-18 at 10.34.07.png
Screenshot 2022-10-18 at 10.34.07.png3404×1724 212 KB

Now, I would like to do the same (hide the product price) for the ‘Shop the Look’ section:

Screenshot 2022-10-18 at 10.34.23.png
Screenshot 2022-10-18 at 10.34.23.png3404×1632 199 KB

Do you have any idea how to do this?

URL: https://www.luxuryblanks.co.uk/

Password: ialald

Thanks!

2

@Turnip
Hello,

.ProductItem__PriceList.Heading {
	display: none !important;
}
.ShopTheLook__ViewButton {
	margin-top: 0;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid
Like This

oscprofessional_1-1666087579811.png
oscprofessional_1-1666087579811.png1145×782 236 KB

3

Hi @Turnip .

This is PageFly - Advanced Page Builder.

You can go to Online store => themes => actions => edit code and add this code on file base.css

.ProductItem__PriceList.Heading{
display: none;
}

Hope this answer helps.

Best Regards,

PageFly

4

Add this CSS so that only class inside shop the look section is affected.

.ShopTheLook__Item .ProductItem__Price {
    display: none;
}
.ShopTheLook__ViewButton{
    margin-top: 0px;
}

If you want us to do it for you, you can check out our app. You can create any theme edit task in it. The first task is free!