Home › Forums › WoodMart support forum › cassiel › Reply To: cassiel

Bogdan Donovan
Hi,
1. Product hover buttons. Try to add the following code snippet to the Custom CSS area in Theme Settings to make product hover cart and wishlist button always visible and on the right side.
.product-grid-item.wd-hover-icons .wrapp-buttons {
text-align: right;
left: 10px;
right: 10px;
visibility: visible;
opacity: 1;
transform: translateY(0) translateZ(0);
}
2. Shop loop toolbar. Try to add the following code snippet to the Custom CSS area in Theme Settings to remove breadcrumbs and product sorting select.
.shop-loop-head .wd-shop-tools:first-child,
.shop-loop-head .woocommerce-ordering {
display: none;
}
“Products per page” selector can be disabled via Theme Settings -> Product archive -> Product grid -> Products per page links option (Screenshot https://prnt.sc/aG9vZWyRxej0).
“Products columns” selector can be configured via corresponding options located in Theme Settings -> Product archive -> Product grid -> Available products columns variations (Screenshot https://prnt.sc/2mOHjdfafBko).
As an alternative, you can use our Layout builder (Screenshot https://prnt.sc/MGD8OIK9EETv) in which you can create your own Shop page using Elementor builder widgets. More about Layout builder can be found in our documentation https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/.
3. Single product tab heading. Try to add the following code snippet to the Custom CSS area in Theme Settings to remove product tab heading.
.wc-tabs-wrapper .wd-nav-tabs-wrapper {
display: none;
}
As an alternative, if you want to show only review section on your single product page you can use our Layout builder (Screenshot https://prnt.sc/I_WwOsqSfk28) in which you can add on the page only review section widget (Screenshot https://prnt.sc/ZZuKMPmiLlvq) without other Default WooCommerce tab sections.
4. Single product navigation. Try to add the following code snippet to the Custom CSS area in Theme Settings to remove product navigation.
.website-wrapper .wd-products-nav {
display: none;
}
Please pay attention that the following custom code is only related to the default predefined single product page layout. If you create your page via page builder, it may not work and product navigation visibility should be set with use of page builder.
5. Cart text translation. We have checked your site and didn’t find created translation for Woodmart theme (Screenshot https://prnt.sc/7vk5vfXxA561). Please create the translation file and try to translate desired strings. If it is not working, leave it in that state, so we can check what is causing this issue.
6. Single product variations. The “Custom add to cart” widget you used is unrelated to the single product template. “Custom Add to Cart” widget offers to apply the button for a certain product (by selecting it ID) to different site places like landing pages, promo sections or etc., but it cannot be used as a regular add to cart button on a single product page template. To show add to cart button (with swatches) on your single product template you need to use “Add to cart” widget (https://prnt.sc/RLPwHGjOt25U) if you use Elementor Pro single product template editor or “Product add to cart” widget (https://prnt.sc/kO85XR_SfJSA) if you use Woodmart Layouts. If you use the right widget, your swatches will be visible. Check the screenshot (https://prnt.sc/xHWrbuIu8wCm).
7. Product hover image zoom. Try to add the following code snippet to the Custom CSS area in Theme Settings to remove zoom effect from hover product image.
.product-wrapper .product-element-top:hover .hover-img {
transform: scale(1);
}
8. Product loop categories visibility. “Products categories” can be disabled via Theme Settings -> Product archive -> Product styles -> Show product category option (Screenshot https://prnt.sc/g11ss8GuV68W).
9. Header layout. Looking at your screenshots, you were using a header created through Elementor Pro builder, but now your site is using Woodmart Header Builder, and we can’t check the old settings to see the cause of the problem. We have checked your current header, and it looks normal between different pages (Screenshot 1 https://prnt.sc/zxQRlE0sQbR9, Screenshot 2 https://prnt.sc/3WUxlb7nLESg).
Kind Regards