Element - text
Använd innehållstypen Text för att lägga till en textbehållare med en WYSIWYG-redigerare ("What You See Is What You Get") i Page Builder scenen. Du kan dessutom lägga till länkar, bilder, variabler och widgetar i texten från redigeringsverktygsfältet.
Textredigeringsverktyg
Du kommer åt textredigeraren direkt från scenen eller från en inställningssida. Ändringar som görs direkt på scenen sparas automatiskt. Mer information finns i Använda redigeraren.
Verktygslåda för textbehållare
Lägg till text
-
Expandera Elements på panelen Page Builder och dra en Text platshållare till en rad, kolumn eller tabb på scenen.
{width="600" modal="regular"}
-
Använd redigeraren för att ange och formatera text efter behov.
Mer information finns i Använda redigeraren.
{width="600"}
Skapa en länk
Med knappen Infoga länk i redigeraren är det enkelt att lägga till en hyperlänk till en bild i galleriet. Men den kan också användas för att skapa en textbunden länk om du har URL-adressen i förväg. Till skillnad från widgetknappen är länkknappen Infoga/redigera inte integrerad med sidor, produkter eller kategorier i butiken.
Mer information om hur du skapar en länk för ett telefonnummer eller ett e-postmeddelande finns i Lägga till anpassade variabler.
-
I butiken navigerar du till sidan som ska vara länkens målmål och kopierar länkinformationen.
Du kan antingen använda den fullständiga URL:en eller en relativ URL som utelämnar referensen till din lagringsdomän.
Fullständig URL -
https://mystore.com/women/tops-women/tees-women.html
Relativ URL -
../women/tops-women/tees-women.html
-
Markera texten i redigerarområdet och klicka på Infoga/redigera länk ( {width="20"} ) i redigerarens verktygsfält.
{width="500" modal="regular"}
-
Ange den relativa länken som du förberedde för URL.
-
Ange Target till
None
.Med den här inställningen öppnas sidan i samma webbläsarfönster, i stället för en ny flik.
-
Ange
Shop Tees
för Title.Länkattributet
Title
används av vissa webbläsare som verktygstips. -
Klicka på OK om du vill spara länken och återgå till arbetsytan Page Builder.
{width="500" modal="regular"}
Infoga en bild
-
Placera markören i texten där du vill infoga bilden.
-
Klicka på Infoga/redigera bild ( {width="20"} ) i redigerarens verktygsfält.
-
För Source klickar du på sökikonen för att använda medielagringen för att hitta och välja en bild.
-
Ange beskrivande text för bilden för Image Description.
Den här texten fyller i länkattributet
alt
för bilden och används av vissa webbläsare för tillgänglighet. -
Ange bredden och höjden Dimensions i pixlar för återgivning av bilden på sidan.
Behåll kryssrutan Constrain proportions markerad för att automatiskt behålla bildens proportioner.
-
Om du vill infoga bilden och sedan gå tillbaka till arbetsytan Page Builder klickar du på OK.
Ändra textinställningar
-
Håll pekaren över textbehållaren för att visa verktygslådan och välj ikonen Inställningar ( {width="20"} ).
note note NOTE Eftersom textbehållaren är tätt inkapslad i en annan behållare måste du ha rätt verktygslåda. -
Uppdatera innehållet efter behov.
-
Uppdatera inställningarna för Advanced efter behov.
-
Om du vill styra placeringen av texten i den överordnade behållaren väljer du en Alignment:
table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 layout-auto Alternativ Beskrivning Default
Använder den standardinställning för justering som anges i formatmallen för det aktuella temat. Left
Justerar listan längs den vänstra kanten på den överordnade behållaren, med hänsyn till eventuell utfyllnad som har angetts. Center
Justerar listan i mitten av den överordnade behållaren, med hänsyn till eventuell utfyllnad som har angetts. Right
Justerar blocket längs den högra kanten på den överordnade behållaren, med hänsyn till eventuell utfyllnad som har angetts. -
Ange det Border-format som ska användas på alla fyra sidor i textbehållaren:
table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 5-row-2 6-row-2 7-row-2 8-row-2 9-row-2 10-row-2 layout-auto Alternativ Beskrivning Default
Använder det standardkantlinjeformat som anges av den associerade formatmallen. None
Visar inte någon synlig indikation för behållarkanterna. Dotted
Behållarramen visas som en prickad linje. Dashed
Behållarramen visas som en streckad linje. Solid
Behållarramen visas som en heldragen linje. Double
Behållarramen visas som en dubbel linje. Groove
Behållarkanten visas som en utdragen linje. Ridge
Behållarkanten visas som en rak linje. Inset
Behållarramen visas som en indragen linje. Outset
Behållarramen visas som en startrad. -
Om du anger ett annat kantlinjeformat än
None
fyller du i visningsalternativen för kantlinjen:table 0-row-2 1-row-2 2-row-2 3-row-2 layout-auto Alternativ Beskrivning Border Color Ange färgen genom att välja en färgruta, klicka på färgväljaren eller genom att ange ett giltigt färgnamn eller motsvarande hexadecimalt värde. Border Width Ange antalet pixlar för kantlinjens bredd. Border Radius Ange antalet pixlar för att definiera radiens storlek som används för att runda varje hörn av kanten. -
(Valfritt) Ange namnen på CSS classes från den aktuella formatmallen som ska användas för behållaren.
Avgränsa flera klassnamn med blanksteg.
-
Ange värden (i pixlar) för Margins and Padding för att fastställa textbehållarens yttre marginaler och inre utfyllnad.
Ange motsvarande värden i diagrammet.
table 0-row-2 1-row-2 2-row-2 layout-auto Behållarområde Beskrivning Margins Mängden tomt utrymme som används på ytterkanten på behållarens alla sidor. Alternativ: Top
/Right
/Bottom
/Left
Padding Mängden tomt utrymme som används på behållarens inre kant på alla sidor. Alternativ: Top
/Right
/Bottom
/Left
-
-
När du är klar klickar du på Save för att tillämpa inställningarna och återgå till arbetsytan i Page Builder.