Boundless theme - disable hover to show price

[mimport]

Hi there,

I'm using the Boundless theme.

Whenever a product is shown on a desktop browser, the price is hidden until you hover over the image. The price is then shown on top of the image, as well as the product name.

I want the price and product name to always be shown. Much like what happens when you open the theme on a mobile browser. In that case the hover over the product image is not needed and the price and name are always shown under the image.

Any possibilities on how to disable the hover and to always show the product price and name?

Thanks in advance.

[Elle]

Hi, @mimport 

Elle here from Shopify. 

Where you're using a Shopify supported theme, you have 60 minutes of free design time to utilize on your account! Design time is granted after you select your Shopify plan. You can learn more about Support for Themes here. 

The customization you're looking to make is one our Theme Support team can assist with, so if you're interested in using some of your design time, please let me know and I will reach out to you directly.

Cheers,
Elle

[oscprofessional]

Hello mimport,

can you please share your site url..

[Jasoliya · Accepted solution]

Hi @mimport 

Follow this:

1. Add this code to Asset->theme.scss file at bottom

@media only screen and (min-width: 767px) {
    .product-item__meta .product-item__meta__inner,.product-item__meta{position: relative;}
    .product-item__meta{opacity: 1;}
}

Let me know if you need help.

Best regard

Jasoliya

[mimport]

Worked, thanks a lot!

[design_buddha]

Its fairly simple. This https://untung.in/ store has done it really well on homepage.

[fastjose4751]

Hi:

It only happens in a desktop browser, product looks normal, then you hover over product image and it disappears, but product name and price appear, you go to the edge of page and image returns but without product name and price.

Had the code to rollback the function, but stopped using store for a while and forgot how to use the code and where to find it.

I want the Image, price and product name to always be shown. Much like what happens when you open the theme on a mobile browser. In that case the hover over the product image is not needed and the price and name are always shown under the image.

Can you show me the code and where to get it, if possible?
Thanks,
Jose Mejias
Fast Credit Shop

[Jasoliya]

Hi @fastjose4751 

Send me your store url 

[fastjose4751]

My St

[Jasoliya]

Send me proper store url and password if any here or PM