ABONAȚI-VĂ LA NEWSLETTER
Alegerea editorului
Tutoriale WooCommerce

Coduri Scurte Incluse în WooCommerce

SEMrush
Jetpack

WooCommerce vine cu mai multe coduri scurte ( ShortCodes ) care pot fi utilizate foarte ușor pentru a insera conținut în postări și pagini.

Shortcodes ( Coduri scurte ) pentru pagină

  • [woocommerce_cart] – arată pagina coșului
  • [woocommerce_checkout] – arată pagina de finalizare a comenzii
  • [woocommerce_my_account] – arată pagina contului de utilizator
  • [woocommerce_order_tracking] – arată formularul de urmărire a comenzii

În cele mai multe cazuri, aceste coduri scurte vor fi adăugate automat la pagini prin intermediul expertului de configurare și nu trebuie să fie folosite manual.

back to menu ↑

Coduri scurte pentru pagina Cart ( Coș )

Folosit pe pagina coșului, codul scurt al coșului afișează conținutul și interfața coșului pentru codurile cupon și alte bucăți și bucăți de coș.

[woocommerce_cart]
back to menu ↑

Finalizare sau Checkout

Utilizat pe pagina de checkout, codul scurt de checkout afișează procesul de checkout/finalizare a comenzii.

[woocommerce_checkout]
back to menu ↑

Contul meu

Arată secțiunea „contul meu” în care clientul poate vizualiza comenzile anterioare și poate actualiza informațiile. Puteți specifica numărul de comenzi de afișat. În mod implicit, este setat la 15 (utilizați -1 pentru a afișa toate comenzile.)

array(

     'current_user' => ''

 )
[woocommerce_my_account]

Argumentul utilizatorului curent este setat automat folosind get_user_by („id”, get_current_user_id ()).

back to menu ↑

Formular de urmărire a comenzilor

Permite unui utilizator să vadă starea unei comenzi prin introducerea detaliilor comenzii.

[woocommerce_order_tracking]
back to menu ↑

Coduri scurte pentru Produse

Codul scurt al produselor este unul dintre cele mai robuste coduri scurte ale pluginului WooCommerce, care poate înlocui diferite alte șiruri utilizate în versiunile anterioare ale WooCommerce.

Codul scurt [products] vă permite să afișați produsele prin ID-ul postului, SKU, categorii, atribute, cu suport pentru paginație, sortare aleatorie și etichete de produs, înlocuind nevoia pentru mai multe coduri scurte, cum ar fi:, [featured_products], [vânzare_produse], [best_selling_products], [recent_products], [product_attribute] și [top_rated_products], care sunt necesare în versiunile WooCommerce mai mici de 3.2. Examinați exemplele de mai jos.

back to menu ↑

Atribute de produs disponibile

Următoarele atribute sunt disponibile pentru a fi utilizate împreună cu codul scurt [products]. Acestea au fost împărțite în secțiuni pentru funcția primară pentru a naviga cu ușurința, cu exemple de mai jos.

Afișează atributele produsului

  • Limit – Numărul de produse afișate. Valorile implicite la și -1 (afișează toate) la listarea produselor și -1 (afișează toate) pentru categorii.
  • Columns – Numărul de coloane de afișat. Valori implicite la 4.
  • Paginate – Comută paginarea pe. Se utilizează în combinație cu limit. Setări implicite pe false setate pe true pe paginate.
  • Orderby – Sortează produsele afișate prin opțiunea introdusă. Una sau mai multe opțiuni pot fi trecute prin adăugarea ambelor slug-uri cu un spațiu între ele. Opțiunile disponibile sunt:
  • date – Data publicării produsului.
  • id – ID-ul postării produsului.
  • menu_order – Ordinea meniului, dacă este setată (se afișează mai întâi numere mai mici).
  • popularity – numărul de achiziții.
  • rand – Comanda aleatoriu produsele la încărcarea paginii (este posibil să nu funcționeze cu site-uri care utilizează memorie cache, deoarece ar putea salva o anumită comandă).
  • rating – Media produsului.
  • title – Titlul produsului. Acesta este modul de comandă implicit.
  • skus – Lista separată de virgule a SKU-urilor de produse.
  • category – listă separată de virgulă a barelor de categorii.
  • tag – listă separată de virgulă a balurilor de etichete.
  • order – precizează dacă comanda produsului este ascendentă (ASC) sau descendentă (DESC), folosind metoda setată în ordinea respectivă. Valori implicite la ASC.
  • class – Adăuga o clasă HTML astfel încât să puteți modifica ieșirea specifică cu CSS personalizat.
  • on_sale – Recuperați produsele de vânzare. Nu trebuie utilizat în combinație cu best_seller sau top_rated.
  • best_selling – Obțineți cele mai vândute produse. Nu trebuie utilizat în combinație cu on_sale sau top_rated.
  • top_rated – Obțineți cele mai apreciate produse. Nu trebuie utilizat în combinație cu on_sale sau best_selling.

Atributele produsului în conținut

  • atribute – Recuperare produse folosind barele de atribute specificate.
  • terms – Lista separată de virgulă a termenilor atributului care trebuie utilizată cu attribute.
  • terms_operator – Operator pentru a compara termenii atributului. Opțiunile disponibile sunt:
  • AND – Va afișa produse din toate atributele alese.
  • IN – Va afișa produse cu atributul ales. Aceasta este valoarea implicită terms_operator.
  • NOT IN – Va afișa produse care nu se află în atributele alese.
  • tag_operator – Operator pentru a compara etichete. Opțiunile disponibile sunt:
  • AND – Va afișa produse din toate etichetele alese.
  • IN – Va afișa produsele cu etichetele alese. Aceasta este valoarea implicită tag_operator.
  • NOT IN – Va afișa produse care nu se află în etichetele alese.
  • vizibility – Va afișa produse pe baza vizibilității selectate. Opțiunile disponibile sunt:
  • visible – Produse vizibile în magazin și în rezultatele căutării. Aceasta este opțiunea implicită de vizibility.
  • catalog – Produse vizibile doar în magazin, dar nu și rezultatele căutării.
  • search – Produse vizibile numai în rezultatele căutării, dar nu și în magazin.
  • hidden – Produse care sunt ascunse atât din magazin cât și din căutare, accesibile doar prin adresa URL directă.
  • featured – Produse marcate ca Produse recomandate.
  • category – preia produsele folosind slug-ul de categorie specificată.
  • tag – preia produsele folosind slug-ul specificat.
  • cat_operator – Operator pentru a compara termenii categoriei. Opțiunile disponibile sunt:
  • AND – Va afișa produse care aparțin tuturor categoriilor alese.
  • IN – Va afișa produsele din categoria aleasă. Aceasta este valoarea implicită cat_operator.
  • NOT IN – Va afișa produse care nu se află în categoria aleasă.
  • ids – vor afișa produse bazate pe o listă separată de virgule a ID-urilor de postare.
  • skus – Va afișa produsele pe baza unei liste de SKU-uri separate prin virgulă.

* Dacă produsul nu este afișat, asigurați-vă că nu este setat pe Ascuns în Vizibilitatea catalogului.

Notă: Pentru a găsi codul produsului, accesați ecranul Produse, treceți peste produs și ID-ul apare așa cum se arată în imaginea de mai jos.
ID-Produs

blank
ID-Produs

Atribute speciale ale produsului

Aceste atribute nu pot fi utilizate cu „Atributele de conținut” enumerate mai sus, deoarece probabil vor provoca un conflict și nu vor fi afișate. Trebuie să folosiți unul dintre următoarele atribute speciale.

  • best_selling – Vă vor afișa cele mai vândute produse. Trebuie să fie setat pe true.
  • on_sale – Vă vor afișa produsele la vânzare. Trebuie să fie setat pe true.
back to menu ↑

Coduri scurte pentru categoria produselor

Aceste două comenzi rapide vor afișa categoriile de produse pe orice pagină.

  • [product_category] – Va afișa produsele dintr-o categorie de produse specificată
  • [product_categories] – Va afișa toate categoriile de produse.

Atributele categoriei de produse

  • ids – Specificați ID-urile categoriei specifice care urmează să fie listate
  • limit – numărul de categorii de afișat
  • columns – numărul de coloane de afișat. Valori implicite la 4
  • hide_empty – Valoarea implicită este „1” care va ascunde categoriile goale. Setați la „0” pentru a afișa categoriile goale
  • parent – Setați un cod de categorie specific dacă doriți să afișați toate categoriile pentru copii
  • orderby – Setarea implicită este „name”, poate fi setată pe „id”, „slug” sau „menu_order”. Dacă doriți să comandați după ID-urile specificate, puteți utiliza orderby = “include”
  • order – precizează dacă comanda de categorii este ascendentă (ASC) sau descendentă (DESC), folosind metoda setată în ordinea respectivă. Valori implicite la ASC.
back to menu ↑

Exemplu – Scenarii de produse

În scenariile următoare, vom folosi un exemplu de magazin de îmbrăcăminte. ( Sunt imagini preluate de pe site-ul oficial )

Scenariul 1 – Articole de vânzare aleatoare

Vreau să afișez patru produse la întâmplare.

[products limit="4" columns="4" orderby="popularity" class="quick-sale" on_sale="true"]

Această precizie a codului scurt conține patru produse cu patru coloane (care vor fi un rând) care prezintă cele mai populare articole la vânzare. De asemenea, adaugă o clasă CSS de vânzare rapidă, pe care o pot modifica în tema mea.

Scenariul 1 - Articole de vânzare aleatoare

Scenariul 1 – Articole de vânzare aleatoare

Scenariul 2 – Produse prezentate

Vreau să afișez produsele mele prezentate, două pe rând, cu maximum patru articole.

[products limit="4" columns="2" visibility="featured"]

Acest cod scurt spune că până la patru produse se vor încărca în două coloane și că acestea trebuie prezentate. Deși nu este specificat explicit, folosește valorile implicite, cum ar fi sortarea după titlu ( de la A la Z).

Scenariul 2 - Produse prezentate

Scenariul 2 – Produse prezentate

Scenariul 3 – Cele mai vândute produse

Vreau să-mi afișez cele mai vândute produse de top într-un rând.

[products limit="3" columns="3" best_selling="true"]
blank

Scenariul 3 – Cele mai vândute produse

Scenariul 4 – Cele mai noi produse

Vreau să afișez mai întâi cele mai noi produse – patru produse pe un rând. Pentru a realiza acest lucru, vom folosi ID-ul de postare (care este generat la crearea paginii de produs), împreună cu comanda și comanda pentru comandă. Deoarece nu puteți vedea ID-ul de postare din frontend, ID-urile au fost suprapuse peste imagini.

[products limit="4" columns="4" orderby="id" order="DESC" visibility="visible"]
Scenariul 4 - Cele mai noi produse

Scenariul 4 – Cele mai noi produse

Scenariul 5 – Categorii specifice

Vreau doar să afișez haine și cămăși, dar nu și accesorii. Voi folosi două rânduri din patru.

[products limit="8" columns="4" category="hoodies, tshirts" cat_operator="AND"]
Scenariul 5 - Categorii specifice

Scenariul 5 – Categorii specifice

 

În mod alternativ, vreau să afișez produse care nu fac parte din categoriile respective. Tot ce am nevoie pentru a schimba este cat_operator la NOT IN.

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

Rețineți că, deși limita este setată la 8, există doar patru produse care se încadrează în aceste criterii, astfel încât sunt afișate patru produse.

Categorii Specifice 2

Categorii Specifice 2

Scenariul 6 – Afișare atribut

Fiecare articol de îmbrăcăminte are un atribut, fie „Primăvară / Vară”, fie „Toamnă / Iarnă” în funcție de sezonul corespunzător, unele accesorii având ambele, deoarece pot fi purtate tot anul. În acest exemplu, vreau trei produse pe rând, care afișează toate articolele „Primăvară / Vară”. Acel slug al atributului este anotimp, iar atributele sunt calde și reci. De asemenea, le doresc sortate de la cele mai noi produse la cele mai vechi.

[products columns="3" attribute="season" terms="warm" orderby="date"]
Scenariul 6 - Afișare atribut

Scenariul 6 – Afișare atribut

În mod alternativ, dacă aș dori să afișez exclusiv produse pentru vreme rece, aș putea adăuga NOT IN ca terms_operator:

[products columns="3" attribute="season" terms="warm" terms_operator="NOT IN"]
Scenariul 6 - Afișare atribut

Scenariul 6 – Afișare atribut 2

Rețineți că, folosind NOT IN, exclud produsele care sunt atât în „Primăvară / Vară”, cât și „Toamnă / Iarnă”. Dacă aș vrea să arăt toate echipamentele corespunzătoare vremii reci, inclusiv aceste accesorii comune, aș schimba termenul de la warm la cold.

Scenariul 7 – Afișați doar categorii de nivel superior

Imaginați-vă că ați dorit doar să afișați categorii de nivel superior într-o pagină și să excludeți subcategoriile, este posibil cu următorul cod scurt.

[product_categories number="0" parent="0"]
Scenariul 7 - Afișați doar categorii de nivel superior

Scenariul 7 – Afișați doar categorii de nivel superior

Scenariul 8 – Afișați numai produsele cu eticheta „hoodie”

[products tag="hoodie"]
Scenariul 8 - Afișați numai produsele cu eticheta „hoodie”

Scenariul 8 – Afișați numai produsele cu eticheta „hoodie”

back to menu ↑

Sortarea produselor după câmpurile Meta personalizate

Când utilizați coduri scurte pentru produse, puteți alege să comandați produsele după valorile predefinite de mai sus. De asemenea, puteți sorta produsele după câmpuri meta personalizate folosind codul de mai jos (în acest exemplu comandăm produsele după preț):

add_filter( 'woocommerce_shortcode_products_query', 'woocommerce_shortcode_products_orderby' );

function woocommerce_shortcode_products_orderby( $args ) {

    $standard_array = array('menu_order','title','date','rand','id');

    if( isset( $args['orderby'] ) && !in_array( $args['orderby'], $standard_array ) ) {

        $args['meta_key'] = $args['orderby'];

        $args['orderby']  = 'meta_value_num';

    }

    return $args;

}

Trebuie să plasați acest fragment în functions.php în folderul temei dvs. și apoi să-l personalizați prin editarea meta_key.

back to menu ↑

Coduri scurte pentru Pagina produsului

Afișați o singură pagină completă de produs după ID sau SKU.

[product_page id="99"]

[product_page sku="FOO"]
back to menu ↑

Produse Asemănătoare

Enumerați produsele aferente.

Argumente:

array(

     'limit' => '12',

     'columns' => '4',

     'orderby' => 'title'

 )

[related_products limit="12"]
back to menu ↑

Argumentul „limit”

Notă: argumentul „limit” pentru codul scurt va determina câte produse sunt afișate pe o pagină. Aceasta nu va adăuga paginarea la codul scurt.
back to menu ↑

Adaugă în coș

Afișați prețul și adăugați la coș butonul unui singur produs după ID.

array(

      'id' => '99',

      'style' => 'border:4px solid #ccc; padding: 12px;',

      'sku' => 'FOO'

      'show_price' => 'TRUE'

      'class' => 'CSS-CLASS'

      'quantity' => '1';

 )
[add_to_cart id="99"]
back to menu ↑

Adăugați adresa URL a coșului

Executați adresa URL pe butonul de adăugare la coș al unui singur produs după ID.

array(

      'id' => '99',

      'sku' => 'FOO'

)
[add_to_cart_url id="99"]
back to menu ↑

Afișați notificările WooCommerce în paginile non-WooCommerce

[shop_messages] vă permite să afișați notificări WooCommerce (cum ar fi „Produsul a fost adăugat în coș”) în paginile care nu sunt WooCommerce. Este util când utilizați alte coduri scurte, cum ar fi [add_to_cart] și ai dori să obții de la utilizatori un feedback despre acțiunile lor.

back to menu ↑

Probleme cu coduri scurte ( shortcodes )

Dacă ați lipit corect aceste coduri scurte și afișarea pare incorectă, asigurați-vă că nu ați încorporat codul scurt între etichetele <pre>. Aceasta este o problemă comună. Pentru a elimina aceste etichete, editați pagina și faceți clic pe fila Text:

Probleme cu coduri scurte ( shortcodes )

Probleme cu coduri scurte ( shortcodes )

Ai nevoie de ajutor ?
NU PIERDETI NOUTĂȚILE!
Abonați-vă la Newsletter!

Primește în căsuța ta de email, noutăți wordpress, idei de business, sfaturi de marketing și multe alte lucruri interesante și utile.

Invalid email address
Comunitatea WordPress nu trimite spam. Vă puteți dezabona în orice moment.
blankblank
SEMrush
blank

Personalul editorial Comunitatea WordPress este o echipă de experți WordPress conduși de George CRIȘAN. Peste 10.000 de cititori săptămânal din România au încredere în noi!

We will be happy to hear your thoughts

Leave a reply

Logo-nou-Comunitatea-WordPress-700x150px

 

Ai nevoie de ajutor ?

Comunitatea WordPress îți vine în ajutor în orice problemă întâmpini în site-ul/blog-ul tău WordPress. Trebuie doar să ne contactezi folosind rubrica contact:

Cu ce te putem ajuta?