Page Builder Arbetsyta

När Page Builder är aktiverat, Content ​att skapa och redigera innehåll för att dra nytta av den avancerade Page Builder verktyg för CMS sidor, produkt och kategori sidor, blockoch dynamiska block. Det här avsnittet innehåller en_ Innehållsrubrik _fält, en förhandsgranskning av innehållet och enkel åtkomst till helskärmsläget Page Builder arbetsyta.

Innehållsavsnitt med Page Builder förhandsgranska

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
The Content Heading ​fältet som visas högst upp på sidan är ett äldre fält som stöder innehåll som skapades med tidigare Commerce releaser. Det är dock inte en del av Page Builder. The Content Heading formateras som en H1-rubrik enligt den formatmall som är kopplad till det aktuella temat. Den placeras precis ovanför det aktiva innehållsområdet som definieras av Page Builder stage.

Du bör lämna alternativet Content Heading ​fältet är tomt och använder Page Builder Rubrik innehållstyp.

Content Heading and other heading

Förhandsgranska

När du expanderar Content ​och det finns befintligt innehåll som skapats med Page Buildervisas en förhandsgranskning av innehållet så som det skulle visas på en sida. Klicka Edit with Page Builder ​eller inuti förhandsvisningsområdet för innehållet för att öppna Page Builder arbetsyta 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 inläsning av förhandsvisningen kan du inaktivera förhandsvisningen i Konfiguration för innehållshantering inställningar.

Scen

När du öppnar Page Builder arbetsytan i förhandsgranskningen är 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 redigering av innehåll nu 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 rekommenderar vi att du ökar Löptid för administratörssession för att förhindra att sessionen tajmar ut medan du arbetar.

Vieports

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

Knappar för visningsruta

Page Builder definierar också brytpunkter för visningsrutor. Brytpunkter definierar den minsta och största bredden som vissa format används i. The Page Builder visningsrutor har 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.
  • Mobila brytpunktermax-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örhandsgranskning av innehåll och brytpunktsinställningar.

Förhandsgranskning av innehåll

Som standard Page Builder har två förhandsgranskningar av visningsrutan:

  • Skrivbord — Visar förhandsgranskning av innehåll utan 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örhandsgranskningen 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örhandsgranskning 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 Page Builder innehåller brytpunktsinställningar för Minimum Height ​fält med rader, kolumner, flikar, flikar, banderoller, reglage och bilder. 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

The Page Builder Panelen 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

The Layout ​i Page Builder används för att lägga till rader, kolumner eller tabbar 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 Page Builder scenen är 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.

Page Builder panel med layoutinnehållstyper och scen

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 konfiguration.
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 Elements ​i Page Builder för att lägga till text, rubriker, knappar, avgränsare och HTML-kod i en layoutbehållare på Page Builder stage. 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.

Page Builder panel med elementinnehållstyper

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 Code
Lägger till en behållare för HTML-kod på scenen.

Media

Använd Media ​i Page Builder för att lägga till bilder, video, banners, reglage och Google Maps till valfri layoutbehållare på Page Builder stage. 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 till scenen.

Lägg till innehåll

Använd Add Content ​i Page Builder för att lägga till befintligt innehåll i Page Builder stage. 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_ Inställningar _som är specifika för typen.

Page Builder panel med Lägg till innehållstyper

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
Ikonen Lägg till {width="25"}
Lägger till underordnade element som en knapp, bildruta eller tabb.
(etikett)
Identifierar behållarinnehållstypen.
Inställningar
Ikonen 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