Need More Function on QuickView

Hello,

Please check the screenshots and give me codes for below features;

1. https://prnt.sc/sv1smz – move the Cart icon block to right below corner and price in the left corner for both desktop and mobile. Remove the Wishlist icon. Disable all icon shows on hover for all products.

2. When someone “Added to Cart” a product, please keep marked it by changing the icon or color of the icon block which already added on the cart. This option works on the wishlist by changing the wishlist icon but not any for added to cart.

3. https://prnt.sc/sv1z9l – Remove “View Details” button on hover from quickview window. Add “Add to Cart” + “Wishlist” button to the right side of the price on quickview. Do this before and after short description. So both buttons will show 2 times in quickview window. If there any way to show both button sticky that would be greater. I want to show these buttons before and after short description because of I want to show customers only quickview window not product page.

4. Remove link from QuickView windows title.

5. https://prnt.sc/sv2aqi – I want to change “Browse Categories” text to “MENU”? and remove the arrow icon also.

Thanks

Hello,

1. Sorry, but the current HTML structure of our product block doesn’t allow such display without additional code customization that is out of our theme support scope.

2. Currently, there is no such option in our theme but we will consider this for our future updates.

3. You can hide view details button with the following CSS code but there is no option to place two buttons as you shown on the screenshot

.popup-quick-view .product-images .view-details-btn {
    display: none;
}

4.Use the following CSS code for that

.popup-quick-view .entry-summary .entry-title a {
    pointer-events: none;
}

5. You can translate all theme and plugin texts via PO file in WordPress. Here is a video tutorial that should help you translate your website texts with a Loco Translate plugin https://www.youtube.com/watch?v=D3NsDdMzsls&list=PLMw6W4rAaOgKKv0oexGHzpWBg1imvrval&index=3

We suggest you to keep translated files in wp-content/languages/themes/woodmart-pt_PT.po folder.

And here is a code to hide the arrow

.menu-opener .arrow-opener {
    display: none;
}

Kind Regards

[Author]

Posts