WooCommerce tillhandahåller kortkoder för att enkelt infoga en rad element på e-handelssidor.

Vi ska se vilka de är och vad de tillåter dig att visa på din webbplats. Shortkoderna som visas måste infogas på en sida eller i en artikel med hjälp av den visuella redigeraren.

Cart

Shopens varukorg visas.

Kassa

Sidan för kassan visas, med formuläret för fakturerings- och fraktinformation, en sammanfattning av beställningen inklusive produktkostnader, priser och fraktkostnader, en lista över accepterade betalningsmetoder och en knapp för att slutföra beställningen.

Mitt konto

Detta är användarens kontohanteringssida där beställningar visas, filer och fakturor laddas ner, konto-, fakturerings- och leveransuppgifter hanteras och användaren loggar ut.

Ordningsuppföljning

Kunderna får tillgång till ett formulär för orderuppföljning där de kan ange sina orderuppgifter och se statusen för sin order (t.ex. om den har skickats eller om den fortfarande pågår).

De senaste produkterna

De senaste produkterna som lagts till i butiken visas på sidan.

Vi kan anpassa kortkoden ytterligare med hjälp av några attribut:

• per_page : vi anger antalet element (produkter) som ska visas per sida;
• columns : vi anger antalet kolumner;
• orderby : bestämmer kriterierna för sortering av de visade produkterna (de parametrar som kan användas finns tillgängliga genom att klicka här);
• order : väljer om produkterna ska visas i stigande eller fallande ordning.

Till exempel:

Detta kommer att visa 6 produkter per sida, uppdelade i tre kolumner (så att vi har 3 produkter på två rader) och sorterade efter titel i stigande ordning.

Highlighted products

De produkter som vi har markerat visas.

Associerade attribut kan också användas här för att bestämma antalet produkter som ska visas per sida, antalet kolumner och sorteringstypen.

Till exempel:

Detta visar 3 produkter per sida, uppdelade i tre kolumner och sorterade i stigande ordning efter titel.

Enstaka produkt

En enskild förhandsgranskning av en produkt visas på sidan (så som vi skulle se den i produktarkivet). Med id anger vi ID-numret för den produkt som ska visas. Vi kan visa en produkts ID i produktlistan genom att klicka på produkttiteln.

Som ett alternativ till ID kan vi visa produktkoden (som tilldelats av butiksadministratören på fliken produktdata).

Exempelkoden (”DD345”) ersätts givetvis av den faktiska produktkoden.

Fler produkter

Den här kortkoden gör att du kan visa en lista över flera produkter på sidan. Vi använder ids för att ange ID för de produkter vi vill visa, separerade med kommatecken.

Attributen som vi har sett ovan kan användas för att bestämma antalet kolumner och för att ordna produkterna.

Till exempel:

Som ett alternativ till IDs kan vi infoga produkterna genom att ange deras koder. I detta fall måste attributet skus användas.

Produktsida

Den här kortkoden visar produktsidan: bilden, priset, den korta beskrivningen, den fullständiga beskrivningen, flikarna för recensioner och eventuella relaterade produkter.

Det är också möjligt att ersätta ID-koden med koden genom att använda attributet sku.

Produkterna i en kategori

Denna kortkod gör det möjligt att visa produkterna i en specifik kategori, som anges av attributet category, på sidan. Värdet som anges måste vara den kategori vi vill visa (i exemplet är det ”dvd”).

Du kan definiera antalet produkter som ska visas, antalet kolumner och sortering, med hjälp av de parametrar som vi redan har sett.

Exempel:

Produktkategorier

Denna kortkod visar en lista över produktkategorier på sidan.

Om vi bara vill visa några få kategorier kan vi ange deras ID. För att ta reda på en kategoris id måste vi visa kategorins administrativa permalink.

Inom de parametrar som redan nämnts, per_page, columns, orderby, order, är det möjligt att använda två andra parametrar som är specifika för den här kortkoden:

• hide_empty: gör det möjligt att dölja kategorierna utan produkter;
• parent: gör det möjligt att visa endast de överordnade kategorierna och inte de underordnade kategorierna eller underkategorierna (värdet som ska användas är 0).

Exemplar.

I det här fallet visar vi bara huvudkategorierna och inte underkategorierna.

Säljande produkter

Med den här kortkoden kan du visa de mest sålda produkterna i butiken.

Mest populära produkter

Denna kortkod visar en lista med produkter som användarna har röstat på.

Produkter med vissa attribut

Denna kortkod visar de produkter som har det värde som anges i kortkoden för ett visst attribut. Med attribut anger vi det attribut som produkterna ska filtreras efter och med filter anger vi attributets värde: I exemplet visas produkter som har attributet ”minne” (t.ex. minnet i en smartphone) med värdet ”48 GB”.

Lägg till varukorgen

Knappen för köp (lägg till varukorgen) av en viss produkt är infogad, indikerad av ID.

Alternativt är det möjligt att indikera produkten med kod i stället för ID.