• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Woocomerce - kilka produktów na jednej stronie

0 głosów
354 wizyt
pytanie zadane 29 maja 2019 w HTML i CSS przez wordes94 Użytkownik (670 p.)

Witam,

używam wtyczki Woocommerce.

Jakiego kodu użyć, żeby było kilka produktów na jednej stronie?

[product_page id="100"] - dotyczy tylko jednego produktu na jednej stronie

A jak zrobić, żeby było więcej produktów na jednej stronie, czyli tzw. lista produktów?

Takie coś mnie interesuje:

 

Myślałem o takim rozwiązaniu:

[product_page id="100"]

[product_page id="101"]

[product_page id="102"]

[product_page id="103"]

 

Jednak to nie rozwiązuje mojego problemu, ponieważ pod każdym produktem pojawia się blok w postaci opisu + opinii.

1 odpowiedź

0 głosów
odpowiedź 29 maja 2019 przez bulgotnik86 Gaduła (3,040 p.)

W dokumentach woo znajdziesz to czego szukasz  https://docs.woocommerce.com/document/woocommerce-shortcodes/

Przykład shortcodu 

[products limit="8" columns="4" category="hoodies, tshirts" cat_operator="AND"]

Jako nazwe kategori podajesz jej slug

komentarz 29 maja 2019 przez wordes94 Użytkownik (670 p.)

@bulgotnik86 dziękuję.

Znam ten shortcode, tylko przedstawia ono taki wygląd:

A ja chcę taki efekt:

Po lewej stronie zdjęcie, a po prawej stronie - tytuł, cena, opis, dodaj do koszyka, ilość produktów w magazynie.

Taką możliwość oferuje [product_page] - problem w tym, że dotyczy tylko jednego produktu, a ja chcę więcej produktów.

komentarz 29 maja 2019 przez bulgotnik86 Gaduła (3,040 p.)
Wygląd obrazek z lewej - treśc z prawej ustawisz dodatkowym css'em . Jeśli chodzi o to co ma sie po prawej stronie wyswietlać to potrzeba będzie zmodyfikowac templatke produktu -  html i php( wtyczka woocommerce -> templates)  lub skorzystać z akcji i filtrów  do usuwania i dodawania treści ( link na samym dole) . Pamiętaj że w obu przypadkach musisz mieć motyw potomny - jesli modyfikujesz pliki woocommerce musisz dodać do motywu potomnego folder "woocommerce"  , skopiowac do  niego folder "templates" z wtyczki woocommerce i możesz bezpiecznie modyfikowac templaty woo .  

https://businessbloomer.com/woocommerce-visual-hook-guide-archiveshopcat-page/
komentarz 29 maja 2019 przez wordes94 Użytkownik (670 p.)

@bulgotnik86

Dziękuję za wskazówki!

Podobne pytania

0 głosów
0 odpowiedzi 148 wizyt
0 głosów
0 odpowiedzi 156 wizyt
pytanie zadane 10 grudnia 2022 w PHP przez AgentTecza Obywatel (1,810 p.)
0 głosów
0 odpowiedzi 561 wizyt
pytanie zadane 25 listopada 2021 w JavaScript przez kamil Danielski Użytkownik (540 p.)

93,733 zapytań

142,669 odpowiedzi

323,287 komentarzy

63,295 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Twierdza Linux. Bezpieczeństwo dla dociekliwych

Aby uzyskać rabat -10%, użyjcie kodu pasja-linux, wpisując go w specjalne pole w koszyku.

...