Hello,
We are having issues customizing the product grid display in Woodmart.
Main problem:
We want the “Add to cart” / “Select options” button hidden only on the shop/archive pages, but still visible on single product pages. Currently, when we hide it via CSS or template edits, it also disappears from single product pages, or the opposite — it remains visible everywhere.
Wehre currently working with the css below:
@media (max-width: 768px) {
/* attribute-labels mobil ausblenden */
.product-grid-item .product-labels .attribute-label {
display: none !important;
}
/* featured mobil ausblenden */
.product-grid-item .product-labels .featured {
display: none !important;
}
/* Titel, Bewertung, Preis, Swatches jeweils eigene Reihe */
.product-grid-item .product-title,
.product-grid-item .star-rating,
.product-grid-item .price,
.product-grid-item .swatches {
display: block;
margin-bottom: 8px;
}
/* Swatches auf 5 Stück begrenzen */
.product-grid-item .swatches > *:nth-child(n+6) {
display: none;
}
/* Plus-Button als interaktives Element */
.product-grid-item .swatches::after {
content: “+”;
display: inline-block;
font-weight: bold;
margin-left: 5px;
cursor: pointer;
user-select: none;
}
.product-grid-item .swatches::after:hover {
color: #0073e6;
}
}
/* Add to Cart Button nur auf Shop/Kategorie-Seiten ausblenden */
.post-type-archive .add_to_cart_button,
.post-type-archive .product-grid-item .button,
.post-type-archive .wd-add-btn {
display: none !important;
visibility: hidden !important;
pointer-events: none !important;
}
Thank you,
.
