Przyczyna tkwi w stylach
O tu:
#content .products > .product:nth-child(3n+1) {
clear: both;
}
.woocommerce ul.products li.first, .woocommerce-page ul.products li.first {
clear: both;
}
adpawl dzięki za odpowiedź.
znalazłem linijkę
#content .products > .product:nth-child(3n+1) {
clear: both;}
w pliku cmsms-woocommerce-style.css i faktycznie próbując ją modyfikować, zauważyłem zmiany, ale dalej nie rozwiązało to mojego problemu. Niestety jestem amatorem w programowaniu, więc działam po omacku i nie do końca wiem co mam z tym zrobić.
Mógłbyś podpowiedzieć coś więcej?
nie znalazłemn nigdzie linijki
.woocommerce ul.products li.first, .woocommerce-page ul.products li.first {
clear: both;
}
przeszukałem jeszcze fora i natknąłem się na wątek poruszający ten sam problem:
http://ithemes.com/forum/topic/60033-products-in-rows-on-store-page-not-showing-correctly/
kierując się tymi radami wpisałem
#content .products > .product:nth-child(3n+1) {
clear: both !important;
}
jednak to też nic nie dało. Zaś kodu zaczynającego się od .it-exchange-product { też nie znalazłem. Pewnie źle szukam…
w style.css swojego motywu daj
#content .products > .product:nth-child(3n+1) {
clear: none;
}
.woocommerce ul.products li.first, .woocommerce-page ul.products li.first {
clear: none;
}
Jeżeli nie zdziała wymuś importantem: clear: none !important;
ok, zadziałało (prawie). Z tym, że zrobiłem małą modyfikację:
#content .products > .product:nth-child(3n+1) {
clear: left !important;
}
.woocommerce ul.products li.first, .woocommerce-page ul.products li.first {
clear: none !important;
}
gdy w pierwszej linijce kody było clear: none !important; jeszcze nie do końca wyświetlało się to tak jak powinno
teraz problem pojawił się inny: kolumny są nierówne, niektóre produkty się ze sobą stykają. Jak temu zaradzić?
i drugie pytanie: jak zmusić woocommerce aby wyświetlał w jednym wierszu produkty z różnych podkategorii? Zauważyłem, że jeśli dany produkt jest z innej podkategorii to automatycznie przenosi go do kolejnego wiersza.
1. bo dla: .woocommerce ul.products li.last, .woocommerce-page ul.products li.last
-jest ustawiany zerowy prawy margines.
Daj mu margin-right: 3.8%; albo margin-right: inherit;
2. to są zupełnie oddzielne listy UL w oddzielnych blokach DIV ….więc stylami tego nie scalisz.
adpawl dzięki,
teraz dobrze się wyświetla.
Co do 2 problemu to poradziłem sobie tak, że na stronie zbiorczej wpisuję tylko kategorię główną, czyli:
[product_category category="urzadzenia"]
zamiast, wszystkich podkategorii:
[product_category category="dozowniki-celkowe"]
[product_category category="stacje-zaladowcze-tpsz"]
[product_category category="zasuwy-nozowe-tpn"]
[product_category category="rozdzielacze-pneupatyczne-tprp"]
[product_category category="plugi-zrzutowe-tppz"] ....
z tym, że wtedy na danej podstronie nie wyświetla mi wszystkich produktów, a jedynie pierwsze 12. Próbowałem to zmienić uzywając tej metody:
http://docs.woothemes.com/document/change-number-of-products-displayed-per-page/
niestety, nic się nie zmienia. Co robię źle? :/
A nie działa tak?
[product_category category="urzadzenia" per_page="50"]
teraz działa 🙂
To już chyba ostatnie pytanie. Nie jestem w stanie zmusić woocommerce do sortowania produktów. Opcja sortowania w panelu Produkty nie działa. Podobnie jest automatycznym sortowanie według daty, ceny, popularności itd. w zakładce woocommerce. Chciałbym mieć wpływ jaka jest kolejność wyświetlania poszczególnych produktów. Jak mogę to zrobić?
