Boundless theme - disable hover to show price

Solved
Tourist
8 0 0

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.

 

 

0 Likes
Shopify Staff
Shopify Staff
444 18 61

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

Elle | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

0 Likes

Hello 

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes

Success.

Shopify Expert
2490 417 525

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

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
1 Like
Tourist
8 0 0

Worked, thanks a lot!

0 Likes