[Venture Theme] Edit where the view button on the product card appears

Solved
Highlighted
Excursionist
46 2 6

Hello, all!

 

We're currently developing a theme, so here's a preview link: https://92cggj8qpcxttzv0-3935153.shopifypreview.com

 

Wanted to ask how I can edit the view button that appears when hovering on a product. Here's a screenshot:Screenshot (17).png

 

The view button appears behind the product title. Is there any way I could edit where the view button appears, or at least make the overlay appear over the product title?

 

Any help/suggestions would be appreciated. Thanks!

Email: ela.v.tsm@gmail.com
0 Likes
Highlighted

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
3479 543 820

This is an accepted solution.

Hi @Ela_V_TSM 

Follow this:

1. snippet->product-card.liquid-> find product-card__overlay class on page. This is div that creating view button 

Let me know if you need help.

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
0 Likes
Highlighted
Excursionist
46 2 6

Thanks! Just added something at the end of my theme.scss.liquid file and fiddled with the values. I ended up with something like this:

.product-card__overlay-btn {
  .product-card:hover & {
    @include transform(translateY(-180%));
  }
}
Email: ela.v.tsm@gmail.com
0 Likes
Highlighted
Shopify Expert
3479 543 820

Yes that make button to move upward on hover. 

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
0 Likes