Boundless theme - disable hover to show price

Solved
Tourist
14 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
930 66 150

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
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Shopify Expert
4022 562 963

This is an 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

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

Worked, thanks a lot!

0 Likes
New Member
1 0 1

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

New Member
3 0 0

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


 

0 Likes
Shopify Expert
4022 562 963

Hi @fastjose4751 

Send me your store url 

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

My St

0 Likes
Shopify Expert
4022 562 963

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

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