Hover styles, Custom page-titles for each category etc.

Hi,

As a first step, I have a few questions.

1- Control of hover image

Is it possible to select which image will be appeared for hover? By default, It seems the second image for all hover types. Or, can I use basic hover effects like just zoom without changing the image?

2- Woodmart-buttons

https://prnt.sc/pjbdqt > I know, I can disable these icons in CSS. Can I add additional buttons to that part?

3- Custom Hover on product styles

Is it possible to add or change the view details button to there https://prnt.sc/pjbdvd. This is for add-to-card. I want to change the product URL and text. (I’m using the loco translate but if I change that text, it will for everywhere)

4- Custom page titles for each category

I know the page titles how works. I can use the HTML blocks for different page titles for each category page. When I add a HTML block to category Can I set that container/row in HTML block full width like default shop page title? HTML Blocks looks like can I use basic hover effects like just zoom without changing the image? https://prnt.sc/pjbkds

Hello,

First of all thanks for choosing our Theme, we are glad to be you in WoodMart WordPress family :-).

1) As by default on hover the second image is shown and it’s not possible to select another image for hover effect.

You can check the available hover styles from Theme Settings >> Shop >> Product Styles >> Hover on product.

2) No, you can not add additional buttons in the product main image with the current theme options except for the ones which provided by the theme.

3) Yes, it will only change globally and not for the specific items.

4) As you want to use zoom in effect on some page titles. With the theme options it is not possible.

But you can use custom code. It requires customization and this is beyond our limitations and support policy.

Best Regards.

Hi,

Thanks for your reply. I just realized, that part of the last question it should bu for the second question.

Can I use basic hover effects like just zoom without changing the image? https://prnt.sc/pjbkds”

Most Welcome,

As you do not want to change the image on hover and just want to use hover zoom in effect.

Actually that hover effect applied on image. And if we hide the image which shown on hover then the zoom in effect will also gone.

.product-element-top .hover-img{
display:none;
}

Remember that if you applied this CSS code it will remove that image which shown on hover on the product grid items but also the zoom in effect will be gone.

Best Regards.

[Author]

Posts