Customize AJAX Products tabs

Hello!
I need help with customize AJAX Products tabs.

I want to customize it so that when I hover over the product, all of the product’s attributes will be displayed, not a part like in the image.

Please guide me where I can edit it.

Thank you!

Attachments:

You must be logged in to view attached files.

Can anyone assist?

Hello,

Please insert the site admin access into the Private content below the message area. We will take a closer look at the case.

Please provide the page URL with the issue.

Best Regards

Hi!

Hello,

I have checked you have properly configured: https://gyazo.com/646c3d14391721629c705d15f2327898 and https://gyazo.com/59bc8cb4f9406b2d4d03ad57ddc444a5

As soon as you press three dots, all the content shows up.

You can replace the attribute table with the content from the short description.

You can configure that in the Theme Settings > Single Product > Elements.

If you have any questions please feel free to contact us.

Best Regards

Hello!
I want all the content to appear immediately without having to click on the three dots.
Is there any way to customize like that?

Hello,

This is not a bug, it how it works by default.

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

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

Best Regards

Thank you!
I want to ask more.
I want to replace the shopping cart icon with another icon, what should I do? Or is it possible to remove that icon?
Best regards!

Attachments:

You must be logged in to view attached files.

I did it your way: add this code to the Theme Settings > Custom CSS > Global.
But it doesn’t work.

Attachments:

You must be logged in to view attached files.

Please help me with the problem of where to change the text color of order by on the phone.
Best regards!

Attachments:

You must be logged in to view attached files.

Hello,

Please insert the site admin access into the Private content below the message area. We will take a closer look at the case.

Best Regards

Hello,

Please replace the code in 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%;
}

Best Regards

Thank you!
This problem has been resolved with the code you provided.

I want to ask more.
I want to replace the shopping cart icon with another icon, what should I do? Or is it possible to remove that icon?
Best regards!

Attachments:

You must be logged in to view attached files.

And I want to ask one more thing:
How to prevent product names from appearing on WooCommerce breadcrumbs (on mobile)?

Attachments:

You must be logged in to view attached files.

Hello,

What icon do you want to show instead?

You can hide the breadcrumbs with custom CSS, please provide the page URL.

Best Regards

Hello!

– First problem: I want to replace the shopping cart icon with eye icon (first image).

– Second problem: I want to customize the product Navigation and WooCommerce breadcrumbs as shown in the theme’s demo (second image).

Best Regards!

Attachments:

You must be logged in to view attached files.

Hi,

Try to add the following code snippet to the Custom CSS area in Theme Settings to fix these issues:

1.

body .wd-add-btn-replace .add-to-cart-loop:before {
	content: "\f11a";
}

2.

.wd-single-breadcrumbs .breadcrumb-last,
.wd-single-breadcrumbs .breadcrumb-link-last:after{
	display: none;
}

.wd-single-breadcrumbs .breadcrumb-link-last {
  margin-right: 0;
	color: var(--color-gray-800);
	font-weight: 600;
}

Kind Regards

Thank you!

Your code helped me solve the problem on the computer device.
But it doesn’t seem to work on mobile devices.

Hope you support me!

Appreciation and thanks!

Thank you!

Your code helped me solve the problem on the computer device.
But it doesn’t seem to work on mobile devices.

Hope you support me!

Appreciation and thanks!

Attachments:

You must be logged in to view attached files.

Hello,

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

body .wd-add-cart-icon>a:before {
    content: "\f11a";
}

Best Regards

[Author]

Posts