Woocommerce "related products" lista elrendezés


#1

Sziasztok!
Van valakinek ötlete, miként lehetne megoldani, hogy a kapcsolódó termékek ne rács nézetben hanem lista nézetben jelenjenek meg?
Nem szeretném az egész áruházat lista nézetben, csak a kapcsolódó termékeket.
Peti


#2

Ezt kis css-el könnyen megoldhatod. Küldd el a honlapod linkjét (akár privátban) és megírom neked hozzá a kódot.


#3

Szia!
Erről a sablonról lenne szó:
https://demo.rigorousthemes.com/ecommerce-market/


#4

Próbáld meg ezt:
section.related products .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
width: 100%!important;
}

section.related products .woocommerce ul.products li.product a img {
width: 20%;
float:left;
}

section.related products .woocommerce ul.products li.product .woocommerce-loop-product__title {
display: inline-block;
}

section.related products .woocommerce ul.products li.product .star-rating {
height: 1.2em;
left: 15px;
}

.woocommerce ul.products li.product .price {
font-size: 1.5em;
left: 15px;
position: relative;
}

.woocommerce ul.products li.product .button {
margin-left: 15px;
}