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.

Formaterad text på en banner

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.

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.

Textredigeringsverktyget - TinyMCE

Verktygslåda för textbehållare

Verktygslådan Textbehållare

Verktyg
Ikon
Beskrivning
Flytta
Ikonen Flytta {width="25"}
Flyttar textbehållaren till en annan giltig plats på sidan.
(etikett)
TEXT
Identifierar den aktuella behållaren som ett textelement.
Inställningar
Ikon för inställningar {width="25"}
Öppnar egenskaperna för textbehållaren i redigeringsläge.
Dölj
Dölj ikon {width="25"}
Döljer textbehållaren.
Visa
Visa ikon {width="25"}
Visar den dolda textbehållaren.
Duplicera
Duplicera ikon {width="25"}
Skapar en kopia av textbehållaren.
Ta bort
Ikonen Ta bort {width="25"}
Tar bort textbehållaren och dess innehåll 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.

Lägg till text

  1. Expandera Elements på panelen Page Builder och dra en Text platshållare till en rad, kolumn eller tabb på scenen.

    Dra en textplatshållare till scenen {width="600" modal="regular"}

  2. Använd redigeraren för att ange och formatera text efter behov.

    Mer information finns i Använda redigeraren.

    Textredigerare med innehåll {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.

  1. 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

  2. Markera texten i redigerarområdet och klicka på Infoga/redigera länk ( Infoga/redigera länkknapp {width="20"} ) i redigerarens verktygsfält.

    Lägger till en länk till formaterad text {width="500" modal="regular"}

  3. Ange den relativa länken som du förberedde för URL.

  4. 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.

  5. Ange Shop Tees för Title.

    Länkattributet Title används av vissa webbläsare som verktygstips.

  6. Klicka på OK om du vill spara länken och återgå till arbetsytan Page Builder.

    Länkdetalj {width="500" modal="regular"}

Infoga en bild

  1. Placera markören i texten där du vill infoga bilden.

  2. Klicka på Infoga/redigera bild ( knappen Infoga/redigera bild {width="20"} ) i redigerarens verktygsfält.

  3. För Source klickar du på sökikonen för att använda medielagringen för att hitta och välja en bild.

  4. 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.

  5. 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.

  6. Om du vill infoga bilden och sedan gå tillbaka till arbetsytan Page Builder klickar du på OK.

Ändra textinställningar

  1. Håll pekaren över textbehållaren för att visa verktygslådan och välj ikonen Inställningar ( Inställningsikonen {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.
  2. Uppdatera innehållet efter behov.

  3. 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
  4. När du är klar klickar du på Save för att tillämpa inställningarna och återgå till arbetsytan i Page Builder.

recommendation-more-help
85b60248-86a4-4d5f-9933-5179643f608d