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

Solved
Excursionist
37 2 4

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

Hello 

 

Want to modify or custom changes on store hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Content Writer | Digital Marketing | SEO Expert | Site Optimization | Web Design | Web Development
0 Likes

Success.

Shopify Partner
1773 289 376

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
0 Likes
Highlighted
Excursionist
37 2 4

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
Shopify Partner
1773 289 376

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