Boundless Theme - Price display issue

Solved
BestGift
Excursionist
23 0 5

Hi,

 

I'm looking for some help here please.

I am using the boundless them but I wasn't happy with the way the products were showing the pricing, with the pricing only showing on image hover.

I did some research and found a reply on Shopify forum, to a previous post by another user, where you could add a snippet of code to allow the pricing to show at all times. image 1

BestGift_0-1611315182854.png

The problem that I have now is that when you hover over the name and price this section actually moves down (almost disappearing) and doesn't show again until the screen is refreshed. image 2

BestGift_1-1611315311140.png

Ideally I would like the product price to remain on screen, even when being hovered over.

 

Any help would be greatly appreciated. Below is a link to an example page on my website.

https://purestylecollection.com/collections/handbags

 

Many thanks

0 Likes
KetanKumar
Shopify Partner
20437 2115 7712

@BestGift 

Sorry for facing this issue, it's my pleasure to help us.

Welcome to the Shopify community!
and Thanks for your Good question. \

Do you have fix this issue?

KetanKumar_0-1611374929581.png

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
BestGift
Excursionist
23 0 5

Thanks for you reply.

 

No i haven't had a fix for the issue yet, when you first load the page the pricing is fine, but when you hover over the product prices they slide down (out of screenshot) and don't slide back up until the whole page is refreshed.

If you have a solution to this I would very much appreciate it?

 

 

0 Likes
KetanKumar
Shopify Partner
20437 2115 7712

@BestGift 

We have checked for this issue in real system and browserstack but it is working ok. In which system configuration or browser you are checking?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
BestGift
Excursionist
23 0 5

Hi, Thank you for your reply.

 

I was using Mozzilla Firefox as the browser. I have checked another browser (safari) and the pricing is behaving as expected. It would seem it might be isolated to Firefox then for some reason.

Any Idea on a fix for that, for customers visiting on Firefox?

Many thanks for your time and help with this.

0 Likes
WinkyApps
Explorer
53 13 12

This is an accepted solution.

Hi @BestGift 

Welcome to Shopify community and thanks for posting this question. 

Can you search for the below code in your Settings > Online Store > Themes > Action > Edit Code > theme.css file

.product-item__meta:hover .product-item__meta__inner,
 .product-item__meta:focus .product-item__meta__inner {
  top:50%;
 }

 

and replace it with this below code

.product-item__meta:hover .product-item__meta__inner,
 .product-item__meta:focus .product-item__meta__inner {
  /* top:50%; */
 }

 

All we are doing here is commenting out the top 50% position of the element so that it will not be applied on all browsers. 

Try and let me know if that works for you. Hope this helps.

Did my answer work for you? Please drop a Like and Mark it as Accepted.
If you need further help or want to get something custom built for your Shopify store, then feel free to mail our team on winkyapps18@gmail.com
Happy to help.
BestGift
Excursionist
23 0 5

 

Excellent, that has worked perfectly.

Thank you so much for your help with this!

 

WinkyApps
Explorer
53 13 12

Glad it helped you. Thanks 

Did my answer work for you? Please drop a Like and Mark it as Accepted.
If you need further help or want to get something custom built for your Shopify store, then feel free to mail our team on winkyapps18@gmail.com
Happy to help.
0 Likes
BijoouxLuxe
New Member
3 0 0

@KetanKumar ,

 

Can you upload customize the Boundless theme on my site I currently have district, which is slow and not as pretty. Id like to change it next week.

Thanks..

0 Likes
TheButterflySpo
Tourist
10 0 4

.........

0 Likes