Shop Page Quick View Button

How to change the quick view button position and hide the icon, then write ( Quick view ) instead of the quick view icon. look like this image.

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshot you attached. Please try adding the following Custom CSS in the Custom CSS for the Desktop area under Theme Settings >> Custom CSS.

.wd-action-btn.wd-quick-view-btn>a:before {
	content: "Quick view" !important;
	width: 100px;
	font-size: 14px;
}

.woodmart-buttons .wd-action-btn>a {
	width: 100px;
}

.woodmart-buttons.wd-pos-r-t {
	position: absolute;
	top: 30%;
	right: 35%;
}

Regard’s.
Xtemos Studios.

And I need to hide this hover loop. Please Check the screenshot

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshot you attached and visited your website. Please try adding the following Custom CSS.

.quick-view.wd-action-btn.wd-quick-view-btn.wd-style-icon .woodmart-tooltip-label {
	display: none;
}

Then clear the cache and check back.

Regard’s.
Xtemos Studios.

[Author]

Posts