UPDATE template: products no longer displayed!

SENAPEstudio

Good morning guys,

following an update of your template, the products in the shop section are no longer displayed!

https://vegfather.com/shop

We look forward to urgent!

Phil

Hi,

Please, go to Betheme -> Theme options -> Shop -> Products list, and check if you have images set to Default or Show secondary image on hover.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

SENAPEstudio

OK thx!

Now when we go over with the mouse the image rotates, but a part is cut above and below ... how can we solve so that the rotation and zoom do not conflict?

Thx

Phil

Please, try the following CSS code:

.products li .image_frame img{
   padding: 20px!important;
}

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

SENAPEstudio

Hy guys,

1) the effect dnt work in this sections

how can we add on it?

2) Is it possible to solve this effect by keeping zoom and rotation? ...preventing a slice of the image from disappearing

Thx!

Phil

1) In the CSS from the screenshot, change the .image_frame class into the img tag.

2) Use this CSS:

.single-product .product_image_wrapper img{
   padding: 10px;
}

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

SENAPEstudio

2) fine thx!

1) it does not work yet...

Pablo

Did you solve the problem? As I see it rotates and its not cut.

thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

SENAPEstudio

The problem is on the shop slider https://vegfather.com/ (home)

Pablo

Please add this CSS code to achieve that:
.shop_slider .slick-slide .hover_box img:hover {
transform:rotate(-10deg) scale(1.15) !important;
-ms-transform:rotate(-10deg) scale(1.15) !important;
-webkit-transform:rotate(-10deg) scale(1.15) !important;
}

.shop_slider .slick-slide .hover_box img{
padding:7px;
}

thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next