product style

Dear support, first of all i want to compliment you for the great theme you made.

i have a small issue with the product style and grid, i need to get more information on the product style without hovering, same style as in the picture i added, so basically i like to cancel the hover option, i tried this code with no success
.woodmart-hover-base .fade-in-block {
position: static;
visibility: visible;
opacity: 1;
}
i also need to add a barcode/image to the product style(like the brand img).
can you explain me please how to add it?

Attachments:

You must be logged in to view attached files.

Hello,

Thank you very much for choosing our theme and for the compliment.

I am checking your site, it is not workable. Please try this custom CSS:

body .product-grid-item .product-element-top:hover .hover-img {
transform: none;
-webkit-transform: none;
}

If it does not work for your site, please provide the working site and clarify what part you want to remove the hover from.

Best Regards

hey,
thank you for the fast response,
i think you didn’t understand what i meant,

i need to show product attribute inclusive barcode straight on products grid without the hover effect,all the info straight on the product, check the picture.

thank you

Attachments:

You must be logged in to view attached files.

Hello,

Your site is not workable now. I do not see what happen on hover now. As I understand you have set “Summary on hover” in the Theme Settings > Product archive > Product styles.

Please provide the working site and page URL with the product grid, I will give you CSS to remove the hover effect and all the elements would be always shown.

If you mean something different, provide more details how it should be.

Best Regards

that’s strange, its working from my side, i checked is on different devices and internet connections and its working fine,check the img.
what do you see?
make sure you have the right link.

https://dev1.timballo.nl/?product_cat=souvenirs

Attachments:

You must be logged in to view attached files.

Hello,

Here is what I see when I try to enter your site: https://gyazo.com/3cec2c9206ed09c13213d942d291b14d

Please check the blocking by a country or IP with your host provider.

Best Regards

Dear Elise,

I connected my hosting provider and they say that they don’t see any blocking from their side,
they like to investigate it but to do so they need your ip, i can understand if u don’t want to share your ip so maybe u can try from different ip or maybe to try from a vpn and see if u can help from there.

thank you

Hello,

I am sorry, I tried different browsers and I cannot get to your site. https://gyazo.com/b960a8130dbb04b78f43dff03f4c97cd

Best Regards

Hey Elise,
I think you misunderstood what I wrote,
I didn’t mentioned anything about other browser, please read it carefully again,

I connected my hosting provider and they say that they don’t see any blocking from their side,
they like to investigate it but to do so they need your ip, i can understand if u don’t want to share your ip so maybe u can try from different ip or maybe to try from a vpn and see if u can help from there.

thank you

i have tested the site from different locations in the world and its working fine, see screenshot.
can you try http://www.timballo.nl and tell me if it works? it looks like its something from your side.
we need to find a solution for that, i need your support.

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Desktop:

.website-wrapper .wd-hover-base .fade-in-block {
	position: static;
	visibility: visible;
	opacity: 1;
	
}

.website-wrapper .wd-hover-base .content-product-imagin {
	display: none;
}

.website-wrapper .fade-in-block .wd-action-btn > a {
	  position: relative;
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
		width: auto !important;
		height: auto !important;
		flex-direction: row;
}

.website-wrapper .fade-in-block .wd-action-btn > a:before {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
    width: 14px;
    height: 14px;
    font-weight: 400;
    font-size: inherit;
}

Best Regards

Great it’s working, thank you so much.
Inhale other issue, product attributes shows only 3 lines, I need to show all 5.
Right now I need klick on the . . . To show all of them but I need them all to be visible, I guess it’s have to do with the element size. Also I had an barcode img to the product description and it’s only shows if I turn off the extra information option, so I need it to show both, barcode img and product attributes.

Thank you for your support

Hello,

Unfortunately, it is no possible to show attributes and barcodes, such requires complicated customization that is not covered by our support.

Best Regards

I’m not sure you understand what I meant,
I need to show more product details or attributes on the product in the product grid. right now it showing 3 but to show the rest I need to click on the 3 dots …
Check the pictures I added.

You promoting your theme on your website as fully customizable so how it’s possible that it’s not possible?

Fully customizable
You can build any design of web-site with our themes. They have a lot of useful options like colors, typography, headers etc.

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

.website-wrapper .wd-hover-base .wd-more-desc-btn {
	display: none;
}

.website-wrapper .wd-hover-base .wd-more-desc {
	max-height: 100%;
}

This custom removes three images and shows all the content.

Best Regards

[Author]

Posts