WooCommerce Customizer är en del av WordPress > Customize och gör det möjligt att välja alternativ som gäller för hela sajten för butiksmeddelanden, produktkatalogen och produktbilderna utan att röra någon kod.

Här hittar du WooCommerce Customizer Tillbaka till början

Från WordPress instrumentpanel, gå till: Utseende > Anpassa.

I menyn Anpassa väljer du WooCommerce:

Under WooCommerce finns fem alternativ:

• Store Notice
• Product Catalog
• Product Page
• Product Images
• Checkout

Varje går igenom i detalj nedan.

Lagera meddelande Tillbaka till början

Lagera meddelande ger dig möjlighet att ange ett meddelande för hela webbplatsen som visas för alla som besöker din butik. Meddelandet kan vara:

• Information – Ett meddelande som informerar kunderna om leveransförseningar på grund av väderförhållanden. Ett meddelande om att man är på semester.
• Reklam – Ett meddelande som annonserar om ett evenemang, ett specialerbjudande under semestern, ett paket, en rea på alla eller vissa varor eller gratis frakt.

Visa ett butiksmeddelande Tillbaka till början

Om att visa kunderna ett butiksmeddelande som gäller hela webbplatsen:

1/ Gå till: Du går till: Utseende > Anpassa > WooCommerce > Butiksmeddelande:

2/ Skriv in ett meddelande i textfältet.

3/ Bocka i rutan för Aktivera butiksmeddelande.

4/ Förhandsgranska hur butiksmeddelandet ser ut på din webbplats/butik.

5/ Publicera när du är nöjd och redo för att ditt butiksmeddelande ska gå live.

Vad besökarna ser Tillbaka till början

Det här är hur butiksmeddelandet visas på framsidan av din butik/sajt. Besökare kan välja att avvisa meddelandet efter att ha sett det en gång.

*Ställe och utseende för butiksmeddelandet varierar beroende på vilket tema du använder. Skärmdumpen ovan är med vårt kostnadsfria tema Storefront.

Redigera eller ta bort ett butiksmeddelande Tillbaka till början

För att ändra eller sluta visa ett butiksmeddelande för hela webbplatsen:

1/ Gå till: Du går till: Utseende > Anpassa > WooCommerce > Butiksmeddelande:

2/ För att ändra butiksmeddelandet:

• Redigera meddelandet i textfältet för att ändra det.

• Avmarkera rutan för Aktivera butiksmeddelande för att sluta visa det för besökare.

3/ Publicera för att spara ändringarna.

Schemalägg ett butiksmeddelande Tillbaka till början

Användning av alternativet Schemaläggning för butiksmeddelanden kan vara användbart när du kör en kampanj under en begränsad tid eller när du avslutar en försäljning/rabatt vid midnatt på ett visst datum.

I det här exemplet vill vi avbryta erbjudandet Fri frakt när det löper ut vid dagens slut den 28 februari.

1/ Gå till Utseende > Anpassa > WooCommerce > Butiksmeddelande för att visa och komma åt den aktuella/publicerade kampanjen.

2/ Avmarkera rutan för Aktivera butiksmeddelande.

3/ Välj kugghjulet. En panel öppnas.

4/ Välj Schema i den högra menyn och ange sedan det datum och den tid du vill att ändringen ska träda i kraft.

5/ Välj Schema för att göra de ändringar som du har angett på det framtida datum och den framtida tid som anges.

*Du måste inaktivera utförsäljningsrabatter, kupongkoder eller tidsbegränsade erbjudanden. Att ta bort meddelandet stoppar inte automatiskt kampanjen.

Produktkatalog Tillbaka till början

Alla alternativ för produktkatalog finns på: Alla alternativ för produktkatalog finns på alla ställen: Utseende > Anpassa > WooCommerce > Produktkatalog.

Produktkatalog låter dig välja:

• Vad som ska visas på Shop-sidan
• Vad som ska visas på kategorisidor
• Hur produkterna ska sorteras i en kategori
• Hur många produkter som ska visas i en kategori. en enda rad
• Hur många produktrader som ska visas på en sida

Shop Page Back to top

Din Shop Page kan visa produkter, kategorier eller båda. Vi rekommenderar att du väljer en av dem för att få ett rent utseende.

1/ Välj produkter eller kategorier från rullgardinsmenyn.

2/ Förhandsgranska ditt val live. Du måste visa Shop-sidan.

3/ Publicera för att spara och gå live.

Kategorisidor Tillbaka till början

Dina kategorisidor kan visa produkter eller underkategorier inom en kategori, eller båda. Det rekommenderas att du väljer en av dem.

Om du bara har några få produkter eller inga underkategorier kanske det inte är någon skillnad i utseende.

1/ Välj produkter eller underkategorier i rullgardinsmenyn.

2/ Förhandsgranska ditt val live. Du måste visa en kategorisida.

3/ Publicera för att spara och gå live.

Standardproduktsortering Tillbaka till början

Standardproduktsortering gör det möjligt för dig att styra den ordning som produkterna visas i, vilket påverkar hur produkterna visas som standard på Shop och kategorisidor. Besökare har fortfarande möjlighet att sortera produkter på ett annat sätt om de så önskar.

Standardsortering (anpassad ordning + namn) – visar produkter i alfabetisk ordning efter namn. Om produktens sorteringsordning har anpassats beaktas den anpassade ordningen först, och alfabetiskt efter namn i andra hand (om produkterna har samma ordningspositioner). I din butik kommer kunden att se detta som Standard-sortering.

Sortera efter popularitet (försäljning) – visa produkter efter sålda mängder, från mest till minst. Kunderna ser Sortera efter popularitet.

Sortera efter genomsnittligt betyg – visar produkter utifrån genomsnittliga omdömesbetyg, från högst till lägst.

Sortera efter senaste – visa produkter i den ordning de lades till i butiken, från den senaste till den äldsta. Customer see Sortera efter senast.

Sortera efter pris (asc / desc) – sortera produkten efter pris antingen lägst till högst (asc) eller högst till lägst (desc). Kunden ser antingen Sortera efter pris: lägst till högst eller Sortera efter pris: högst till lägst.

I det här exemplet har vi valt Sortera efter pris (asc) (Sortera efter pris: lägst till högst, visas med ett ✔), och kunden är på väg att välja att Sortera efter nyhet.

För att välja en standardsortering:

1/ Välj ett alternativ i rullgardinsmenyn:

2/ Förhandsgranska ditt val live. Du kan visa sidan Shop eller en kategorisida.

3/ Publicera för att spara och gå live.

Produkter per rad Tillbaka till början

Produkter per rad gör att du kan välja hur många artiklar som ska visas i en rad på Shop- och kategorisidor.

Var känslig för:

• Storlek på en produktbild
• Utrymme på en dator/laptop, surfplatta eller mobil enhet
• Den optimala upplevelsen för en kund som tittar på och köper dina produkter

1/ Använd piltangenterna för att öka/minskas antalet produkter.

2/ Förhandsgranska ditt urval live. Du kan visa sidan Shop eller en kategorisida.

3/ Testa på olika enheter. Nedan finns ett exempel på olika visningar med samma inställningar.

• På en dator-/laptopskärm

• På en surfplatta

• På en mobil enhet

*Skalering av bildens storlek och utseende varierar, beroende på vilket tema du använder. Skärmdumparna ovan är med vårt kostnadsfria tema Storefront.

4/ Publicera för att spara och gå live.

Rader per sida Tillbaka till början

Rader per sida gör att du kan välja hur många rader som ska visas på Shop- och kategorisidor.

Var känslig för:

• Storlek på produktbilder
• Antal produkter du säljer
• Plats på en dator/laptop, surfplatta eller mobil enhet
• Den optimala upplevelsen för en kund som tittar på och köper dina produkter

1/ Använd piltangenterna för att öka/minskas antalet rader.

2/ Förhandsgranska ditt urval live. Du kan visa sidan Shop eller en kategorisida.

3/ Testa på olika enheter. Nedan finns ett exempel på olika visningar med samma inställningar.

• På en dator-/laptopskärm

• På en surfplatta

• På en mobil enhet

*Skalering av bildens storlek och utseende varierar, beroende på vilket tema du använder. Skärmdumparna ovan är med vårt kostnadsfria tema Storefront.

4/ Publicera för att spara och gå live.

Produktsida Tillbaka till början

Produktsidan har två alternativ som gäller för enstaka produktsidor:

• Sticky Add-to-Cart – Det är ett litet innehållsfält längst upp i webbläsarfönstret som innehåller relevant produktinformation och en knapp för att lägga till i kundvagnen. Den glider in när standardknappen för att lägga till varukorgen har rullat ut ur synfältet.

• Produktpaginering – Visar nästa och föregående länkar på produktsidor. En miniatyrbild av en produkt visas med titeln som visas vid hover.

Produktbilder Tillbaka till början

Produktbilder har två funktioner:

• Låter dig välja hur katalog- och miniatyrbilder ska vara stora och beskurna
• Automatiskt ändrar storleken på katalog- och miniatyrbilder över hela webbplatsen i din butik när en publicerad ändring görs*

Det här sparar tid och energi på att manuellt beskära och ändra storlek på varje bild.

Bildtyper Tillbaka till början

• Katalogbilder är medelstora bilder som visas på sidan Butik, kategorisidor och för Relaterade produkter, Upp- och Övergångar.
• Miniatyrbilder är de minsta bilderna som används i Varukorgen, Widgets och (valfritt) Galleriabilder under den enskilda produktbilden på enskilda produktdetaljeringssidor.
• Enskilda produktbilden är den största bilden och hänvisar till den huvudsakliga bilden/det som presenteras. Inställningarna för produktbilder i WooCommerce Customizer gäller inte för dessa. Om du vill lägga till, redigera eller ta bort den enskilda produktbilden eller produktbildsgalleriet, se:

* Tidigare behövde miniatyrbilderna återskapas med hjälp av ett plugin från tredje part. WooCommerce 3.3x hanterar nu detta åt dig. Regenereringen kommer inte att utlösas för ändrade som endast görs i förhandsgranskningsläget.

Horleksanpassning och beskärning av miniatyrbilder Tillbaka till början

1/ Gå till: Du går till: Utseende > Anpassa > WooCommerce > Produktbilder.

2/ Välj en:

• 1:1 – Kvadratisk bild

• Anpassad – Du väljer i vilket förhållande bilderna ska beskäras. I det här exemplet anges 1:2, och en bild kan inte förstoras för att uppfylla detta krav.

• Obeskuren – Bilderna visas som de är, vilket kan resultera i att alla är olika om du inte har använt foton som är enhetliga i storlek och upplösning. Skärmbilden nedan är ett exempel på detta: En är helt fyrkantig, nästa är en mindre fyrkant och den sista är en rektangel.

3/ Testa på olika enheter. Nedan följer ett exempel på olika vyer med samma inställningar.

• På en dator-/laptopskärm

• På en surfplatta.

• På en mobil enhet.

4/ Publicera för att spara och gå live.

Kassa Tillbaka till början

Alla alternativ för kassan finns på: Du kan nu ställa in om vissa fält är obligatoriska eller frivilliga beroende på vilka uppgifter du vill samla in. Du kan också välja att markera de obligatoriska fälten med en asterisk, vilket är standard.

Det rekommenderas att skapa sidor för sekretesspolicy och allmänna villkor, och sedan kan du ställa in dem här. De inställda sidorna länkas till tillsammans med den text du anger och visas på sidan Checkout så här:

Länken ”sekretesspolicy” öppnar sidan i ett nytt fönster, medan länken ”villkor” öppnar en ruta på sidan som visar innehållet på sidan med villkor. En beställning kan inte göras utan att kryssa i rutan för nödvändiga villkor.

FAQs Tillbaka till början

Jag kan inte hitta WooCommerce Customizer. Tillbaka till toppen

Butiker som använder WooCommerce 3.3x+ har det här alternativet tillgängligt på: Utseende > Anpassa > WooCommerce. Butiker som använder en version av WooCommerce som är äldre än 3.3.0 kan se butiksmeddelanden och produktbilder på: WooCommerce > Settings > Products > Display section; Product Catalog is new.

Vi rekommenderar att du uppdaterar till den senaste versionen av WooCommerce för att dra nytta av nya och förbättrade funktioner. Tack!

Kan jag fortfarande använda insticksprogrammet Regenerate Thumbnails? Tillbaka till början

Ja, det kan du. Men det är onödigt om du använder WooCommerce 3.3.0 eller senare eftersom en ändring till en ny eller annan dem, eller någon levande ändring i produktkatalog eller produktbilder, utlöser WooCommerce att automatiskt storleksanpassa och automatiskt uppdatera miniatyrbilder och produktkatalogbilder åt dig.

Du kan också använda alternativet Regenerera butiksminiatyrbilder på: WooCommerce > Status > Verktyg.