Change collection page to display price on product not only on hover - PRESTIGE THEME

Store Design
1

On desktop - collection pages, the theme default is that the price is only shown when I hover over the product.

I would like this to appear as the default for all products like it does on mobile.

What code to I need to add or change to achieve this?

website - https://www.hanrattyjewellers.com/ - not live - password to view front end - Diamonds555

1 Like
2

Hello,

  1. Go to Online Store->Theme->Edit code
  2. Asset->theme.css paste bellow code in bottom of file
.features--show-price-on-hover .ProductItem__PriceList--showOnHover {
    opacity: 1 !important;
}

Thanks

2 Likes
3

@lkdrumhirk

Please add the following code at the bottom of your assets/theme.scss.liquid file.

@media not all, (hover: hover){
.template-collection.features--show-price-on-hover .ProductItem__PriceList--showOnHover {opacity: 1 !important;}
}

Thanks!

4

Im unclear. Does the code provided make the price stationary or only shown when mouse hovers? Im wanting code that changes it so the price is shown at all times for both desktop and mobile.

1 Like