Page Builder Workspace

När Page Builder är aktiverat ändras avsnittet Content ​och processen för att skapa innehåll så att du kan utnyttja de avancerade Page Builder verktygen för CMS-sidorna ,, product och category , blocks och dynamiska block. Det här avsnittet innehåller ett_ fält för innehållsrubrik _, en förhandsgranskning av innehållet och enkel åtkomst till arbetsytan för helskärmsläge Page Builder.

Innehållsavsnitt med Page Builder förhandsgranskning

Innehållsrubrik

Eftersom sökmotorer söker efter rubriker på nivå ett (H1) är det enkelt att lägga till en rubrik på nivå ett för att säkerställa att sidan indexeras korrekt.

NOTE
Fältet Content Heading ​som visas högst upp på sidan är ett äldre fält som stöder innehåll som har skapats med tidigare Commerce-versioner. Den ingår dock inte i Page Builder. Content Heading är formaterad som en H1-rubrik enligt formatmallen som är associerad med det aktuella temat. Den placeras precis ovanför det aktiva innehållsområdet som definieras av scenen Page Builder.

Du bör lämna fältet Content Heading ​tomt och använda innehållstypen Page Builder Rubrik för att få bästa kontroll över placering och format för rubriker på alla nivåer.

Innehållsrubrik och andra rubriker

Förhandsgranska

När du expanderar avsnittet Content ​och det finns befintligt innehåll som skapats med Page Builder visas en förhandsgranskning av innehållet så som det skulle visas på en sida. Klicka på​ Edit with Page Builder ​eller i förhandsvisningsområdet för innehåll för att öppna arbetsytan i Page Builder, där du kan göra nödvändiga uppdateringar.

Förhandsgranskning av produktbeskrivning

NOTE
För produkt- och kategoriformulären är den här förhandsvisningen aktiverad som standard, men kan inaktiveras. Om prestandan försämras på grund av att förhandsgranskningen har lästs in kan du inaktivera förhandsgranskningen i inställningarna för konfigurationen för innehållshantering.

Scen

När du öppnar arbetsytan Page Builder från förhandsgranskningen är scenen den primära arbetsytan där du kan skapa och formatera innehåll, och till och med göra snabba redigeringar av direktinnehåll. Inledningsvis är scenen tom, vilket ger den designyta där du kan dra rader, kolumner och tabbar från den vänstra panelen.

NOTE
Från och med version 2.4.1 är nu redigering av innehåll i helskärmsläge endast för alla områden som styrs av Page Builder - CMS-sidor, produkt- och kategorisidor, block och dynamiska block. Vid helskärmsredigering fokuseras ditt innehåll och ger en vy som bättre matchar användarupplevelsen i butiken.

Scen med sidinnehåll

NOTE
Om du gör betydande ändringar i Page Builder-innehållet rekommenderar vi att du ökar livstiden för administratörssession för att förhindra att sessionen gör timeout när du arbetar.

Vieports

En visningsruta är det synliga området på en webbsida som en användare ser. I helskärmsläge visas vyportsknapparna ovanför scenen Page Builder för att visa innehållet när webbplatsanvändaren ser det i butiken.

Visningsportknappar

Page Builder definierar också brytpunkter för visningsrutor. Brytpunkter definierar den minsta och största bredden som vissa format används i. Page Builder-vyportarna innehåller följande innehållsbrytpunkter:

  • Skrivbordsbrytpunktmin-width: 1024px. Den här brytpunkten tillämpar format som har definierats för visningsrutebredder som mäter 1 024 pixlar och bredare.
  • Mobile breakpointsmax-width: 768px, min-width: 640px. Dessa brytpunkter tillämpar format som är definierade för visningsrutans bredd mellan 768 pixlar och 640 pixlar.

Page Builder-visningsrutor har två funktioner: förhandsvisning av innehåll och brytpunktsinställningar.

Förhandsgranskning av innehåll

Som standard har Page Builder två visningsrutor:

  • Skrivbord - Visar innehållsförhandsvisningen utan en fördefinierad bredd. Skrivbordsdefinierade format (med en minsta brytpunktsbredd på 1 024 pixlar) används fortfarande på sidan. Bredden på skrivbordsvyn definieras av inställningarna för behållarinnehållstyper, som rader. När du väljer skrivbordsvyn visas hur innehållet är formaterat på butiken när webbläsarens sidbredd är 1 024 pixlar och bredare.

    Förhandsgranskning av skrivbordsvy med en minsta bredd på 1 024 pixlar {width="500" modal="regular"}

  • Mobil - Visar förhandsvisningen av innehållet med en fördefinierad bredd på 768 pixlar. Till skillnad från skrivbordsvyn visar visningsrutan Mobilt sidinnehåll vid en bredd på 768 pixlar, tillsammans med de format som är definierade för brytpunktsbredderna 768 pixlar (maximalt) och 640 pixlar (minst).

    Förhandsvisning av mobilvisningsruta med en minsta bredd på 768 pixlar {width="500" modal="regular"}

Brytpunktsinställningar

Visningsknapparna har också möjlighet att tillämpa olika brytpunktsformat på innehållstyper baserat på den valda visningsrutan. Som standard innehåller Page Builder brytpunktsinställningar för fälten Minimum Height ​för rader, kolumner, flikar, flikobjekt, banderoller, reglage och bildrutor. När du väljer visningsrutan för mobila enheter och sedan öppnar du redigeraren för någon av dessa innehållstyper kan du ange fältvärden som är specifika för brytpunkterna för visningsrutan för mobila enheter. I innehållstypfält som tillåter särskilda brytpunktsinställningar visas en ikon till höger om fältet, som i följande exempel för en rad:

Ikonindikator för brytpunktsinställning

Panel

Panelen Page Builder finns till vänster om scenen och innehåller innehållstyper som kan dras till scenen. En behållare som är specifik för innehållstypen visas sedan med en verktygslåda med alternativ. Innehållstyperna är ordnade på panelen enligt följande:

Layout

Avsnittet Layout ​på panelen Page Builder används för att lägga till rader, kolumner eller flikar på scenen. När du drar en innehållstyp från panelen till scenen visas en behållare med en verktygslåda med alternativ som är specifika för innehållstypen.

Som standard är scenen Page Builder tom. När du drar layoutinnehållstyper från panelen till scenen kan du placera dem ovanför, under eller inuti andra layoutbehållare på sidan. Rader kan bara läggas till direkt på scenen.

Panelen Page Builder med innehållstyper för layout och scenen {width="600" modal="regular"}

Innehållstyp för layout
Beskrivning
Rad
En ny rad kan bara dras från panelen till scenen och placeras antingen ovanför eller under en annan rad, flik eller kolumngrupp. Du kan också använda alternativet Duplicera för att skapa en kopia av en befintlig rad.
Kolumn
En kolumn kan dras från panelen till scenen eller till rader och flikar. Det maximala antalet kolumner som kan läggas till bestäms av antalet rutnätsindelningar som anges i konfigurationen.
Tabbar
En enskild tabb kan dras från panelen till scenen eller till rader och kolumner. Du kan lägga till fler flikar från verktygslådan.

Element

Använd avsnittet Elements ​på panelen Page Builder för att lägga till text, rubriker, knappar, avgränsare och HTML-kod i en layoutbehållare på Page Builder scenen. När du drar en innehållstyp från panelen till en rad eller kolumn, eller till en tabbuppsättning på scenen, visas en behållare. Använd verktygslådan för innehållstyp för att komma åt inställningar som är specifika för typen.

Panelen Page Builder med elementinnehållstyper {width="600" modal="regular"}

Elementinnehållstyp
Beskrivning
Text
Lägger till en textbehållare och redigerare på scenen.
Rubrik
Lägger till en rubrikbehållare på scenen.
Knappar
Lägger till en behållare för antingen en enskild knapp eller en uppsättning knappar på scenen.
Delare
Lägger till en behållare för en avgränsare på scenen.
HTML-kod
Lägger till en behållare för HTML-kod på scenen.

Media

Använd avsnittet Media ​på panelen Page Builder för att lägga till bilder, video, banners, skjutreglage och Google Maps i en layoutbehållare på Page Builder scenen. När en mediainnehållstyp dras från panelen till scenen, visas en behållare med en verktygslåda med alternativ som är specifika för innehållstypen.

Page Builder-panel med mediainnehållstyper

Medieinnehållstyp
Beskrivning
Bild
Lägger till en bildbehållare på scenen.
Video
Lägger till en videobehållare på scenen.
Banderoll
Lägger till en banderollbehållare på scenen.
Skjutreglage
Lägger till en skjutreglagebehållare på scenen.
Karta
Lägger till en Google Maps-behållare på scenen.

Lägg till innehåll

Använd avsnittet Add Content ​på panelen Page Builder för att lägga till befintligt innehåll på Page Builder scenen. När du drar en mediainnehållstyp från panelen till scenen visas en behållare. Använd verktygslådan för innehållstyp för att komma åt de_ inställningar _som är specifika för typen.

Panelen Page Builder med Lägg till innehållstyper {width="600" modal="regular"}

Innehållstyp
Beskrivning
Blockera
Lägger till ett befintligt block på scenen.
Dynamiskt block
Lägger till ett befintligt dynamiskt block på scenen.
Produkter
Lägger till en lista med produkter på scenen.
Endast Adobe Commerce Recommendations
Lägger till en rekommendationsenhet på scenen.

Toolbox

Varje innehållsbehållare på scenen har en verktygslåda med alternativ. Alternativen varierar beroende på innehållstyp, men omfattar vanligtvis Flytta, Inställningar, Dölj/Visa, Duplicera och Ta bort.

Visa verktygslådan

Håll pekaren över behållaren för att visa verktygslådan och välja ett alternativ.

Alternativ för verktygslådan Rader

Alternativ för verktygslådan

Alternativ
Ikon
Beskrivning
Flytta
Ikonen Flytta {width="25"}
Flyttar den aktuella innehållsbehållaren till en annan plats på scenen.
Lägg till
Lägg till ikon {width="25"}
Lägger till underordnade element som en knapp, bildruta eller tabb.
(etikett)
Identifierar behållarinnehållstypen.
Inställningar
Ikon för inställningar {width="25"}
Öppnar egenskaperna för innehållsbehållaren i redigeringsläge.
Dölj
Dölj ikon {width="25"}
Döljer den aktuella innehållsbehållaren.
Visa
Visa ikon {width="25"}
Visar aktuell innehållsbehållare.
Duplicera
Duplicera ikon {width="25"}
Skapar en kopia av den aktuella innehållsbehållaren.
Ta bort
Ta bort {width="25"}
Tar bort aktuell innehållsbehållare från scenen.
NOTE
Dolda element lagras i databasen och är osynliga för kunderna. De här elementen är dock synliga för sökmotorer och andra organ som crawlar webbplatsen. De returneras också som en del av innehållet om det begärs via ett API-anrop med ett synlighetsattribut, såvida du inte tar bort dem från scenen.
recommendation-more-help
85b60248-86a4-4d5f-9933-5179643f608d