Media - Skjutreglage

Öppna sidan, blocket eller det dynamiska blocket där du vill placera skjutreglaget och expandera avsnittet Content.

Expandera Media på panelen Page Builder och dra en Slider platshållare till en rad, kolumn eller tabb på scenen.

I följande exempel är radens bakgrundsfärg gul (#fffd16).

{width="600" modal="regular"}

Skjutreglagebehållaren visas på scenen med en enda tom bildruta.

Klicka i skjutreglagebehållaren för att visa textredigeraren och ange innehåll för den första bildrutan.

Du kan även inkludera mer komplext banderollinnehåll med inställningarna för Innehåll .

Klicka på navigeringspunkten längst ned i skjutreglaget för att visa verktygslådan för den enskilda bildrutan och välj ikonen Inställningar ( {width="20"} ).

Skjutreglage har två verktygslådor. Se till att du använder bildverktygslådan längst ned.

Slutför inställningarna efter behov enligt följande avsnitt:

• Appearance
• Background
• Content
• Search Engine Optimization
• Advanced

När du är klar klickar du på Save för att tillämpa inställningarna och återgå till arbetsytan i Page Builder.

Klicka på navigeringspunkten under bildrutan för att visa verktygslådan och välj ikonen Duplicera ( {width="20"} ).

{width="500" modal="regular"}

Klicka på navigeringspunkten för den nya bildrutan och visa verktygslådan och välj ikonen Inställningar ( {width="20"} ).

Ändra inställningarna efter behov enligt följande avsnitt:

• Appearance
• Background
• Content
• Advanced

När du är klar klickar du på Save för att tillämpa inställningarna och återgå till arbetsytan i Page Builder.

Håll pekaren över skjutreglagebehållaren längst upp för att visa verktygslådan och välj ikonen Lägg till ( {width="20"} ).

{width="500" modal="regular"}

En ny tom bildruta med en egen navigeringspunkt och verktygslåda läggs till i skjutreglaget och visas på scenen.

{width="500" modal="regular"}

Klicka på navigeringspunkten för den nya bildrutan och visa verktygslådan och välj ikonen Inställningar ( {width="20"} ).

Ändra inställningarna efter behov enligt följande avsnitt:

• Appearance
• Background
• Content
• Advanced

När du är klar klickar du på Save i det övre högra hörnet för att stänga sidan Edit Slide.

Skapa den widget som du vill se på en bildruta.

Öppna sidan, blocket eller det dynamiska blocket där du vill placera skjutreglaget och expandera avsnittet Content.

Expandera Media på panelen Page Builder och dra en Slider platshållare till en rad, kolumn eller tabb på scenen.

Klicka i skjutreglagebehållaren för att visa verktygsfältet textredigerare och klicka på ikonen Infoga widget ( {width="20"} ).

Välj den Widget Type du behöver.

Ange inställningarna, som är olika beroende på typen av widget

{width="600" modal="regular"}

När du är klar klickar du på Insert Widget i det övre högra hörnet.

Ändra övriga inställningar efter behov.

När du är klar klickar du på Save i det övre högra hörnet.

{width="600" modal="regular"}

Ändra skjutreglaget på scenen och visa den bildruta som du vill ändra.

I verktygslådan för enskilda bildrutor väljer du ikonen Inställningar ( {width="20"} ) och slutför inställningarna efter behov enligt följande avsnitt.

Klicka på Save i det övre högra hörnet för att tillämpa inställningarna och återgå till arbetsytan i Page Builder.

Välj någon av följande bildplaceringstyper:

{width="600" modal="regular"}

Ange Slide Name.

När du arbetar i redigeringsläge visas bildrutenamnet som ett verktygstips ovanför navigeringspunkten. Bildrutenamnet visas inte från butiken.

{width="500" modal="regular"}

Ange Minimum Height för bildrutan.

Den minsta höjden kan vara ett tal med en giltig CSS-enhet (till exempel 100px, 50%, 50em, 100vh) eller en beräkning (till exempel 100vh - 237px).

Du kan till exempel ställa in bildspelets minsta höjd så att den täcker hela sidans höjd och sedan använda bakgrundsbilder och -videor för att skapa snygga designalternativ.

Klicka på platshållaren eller den befintliga texten och ange den nya texten som du vill ska visas på bildrutan.

Redigeringsverktygsfältet visas ovanför textrutan.

Använd redigerarens verktygsfält för att ange och formatera text samt infoga element som länkar, bilder och widgetar.

{width="500" modal="regular"}

Klicka på navigeringspunkten längst ned i skjutreglaget för att visa verktygslådan för den enskilda bildrutan och välj ikonen Inställningar ( {width="20"} ).

I avsnittet Content ​anger du den Message Text ​som du vill ska visas med bildrutan.

Bläddra ned till avsnittet Content ​och använd Message Text-redigeraren för att ange och formatera banderolltext.

Du kan också infoga element, till exempel textlänkar, bilder och widgetar.

Formatera texten efter behov med redigeringsverktygsfältet.

Den första bilden i det här exemplet har en bakgrundsbild, men ingen meddelandetext. Texten Buy 3 Get 1 Free ovanför skjutreglaget finns i en textbehållare (läggs till senare).

Ange vid behov en Link för bildrutan.

Länken är den målsida som visas när kunden klickar på bildruteområdet. Du kan använda en av tre länktyper:

• URL - Länkar till en relativ eller fullständig URL.

• Product - Identifierar målsidan baserat på produktnamnet eller SKU:n. Sök efter produkten efter namn baserat på antingen ett partiellt eller fullständigt namn. Välj produkten i sökresultatlistan.

  {width="600" modal="regular"}

• Category - Identifierar målsidan som en specifik kategori eller underkategori i kategoriträdet. Sök efter kategorin utifrån antingen ett helt eller delvis namn. Välj kategori i det utökade avsnittet i det visade trädet.

  {width="600" modal="regular"}

• Page - Identifierar målsidan som en specifik innehållssida. Sök efter sidan baserat på ett helt eller delvis namn. Välj sidan i sökresultatlistan.

  {width="600" modal="regular"}

Från och med version 2.4.1 stöder Page Builder inte längre länkning av bildrutan och länkar i den kapslade texten på grund av problem med visningen i butiken. Om du använder en länk i _Message Text_ kan du inte konfigurera alternativet _Link_. Om du föredrar att använda en enda länk för hela bilden kan du ta bort alla länkar från texten. {width="300"}

Markera kryssrutan Open in new tab om du inte vill att besökaren ska kunna navigera bort från din butik. När kryssrutan är avmarkerad öppnas det länkade målet på samma webbläsarflik, som kan navigera besökaren bort från din butik.

Om det behövs lägger du till en knapp som uppmanar kunderna att följa länken.

Placeringen för bilden Utseende placerar en enda länk eller knapp under texten. Fyll i egenskaperna för länken eller knappen som du vill lägga till.

{width="600" modal="regular"}

• Ange Show Button till något av följande:

  table 0-row-2 1-row-2 2-row-2 3-row-2 layout-auto
  Alternativ	Beskrivning
  Always	En knapp visas alltid på bildrutan.
  On Hover	En knapp visas bara på bildrutan när du hovrar.
  Never Show	En knapp visas aldrig på bilden.

• Ange Button Text som ska visas på knappen.

• Ange Button Type till något av följande:

  table 0-row-2 1-row-2 2-row-2 3-row-2 layout-auto
  Alternativ	Beskrivning
  Primary	Använder det primära knappformatet från den aktuella formatmallen.
  Secondary	Använder det sekundära knappformatet från den aktuella formatmallen, om tillämpligt.
  Link	Skapar en hyperlänk i stället för en knapp.

  Knappformatet från det aktuella temat avgör knappformatet. Vanligtvis har en primärknapp en mer framträdande bakgrundsfärg än en sekundär knapp.

Ange Show Overlay till något av följande:

Du kan använda en övertäckning för att använda en bakgrundsfärg på det aktiva innehållsområdet som definieras av inställningen Utseende. Bakgrundsbilden för bildrutan förblir synlig för bildrutans hela bredd.

{width="600" modal="regular"}

Om du väljer att visa en övertäckning anger du Overlay Color:

• Klicka på färgrutan Ingen färg och välj en färgruta.
• Ange ett giltigt färgnamn eller ett hexadecimalt värde i fältet Color.

{width="600" modal="regular"}

Om du vill styra den vågräta placeringen av innehåll som läggs till i bildrutan väljer du Alignment:

Ange det Border-format som ska användas på alla fyra sidorna av bildrutan:

Om du anger ett annat kantlinjeformat än None fyller du i visningsalternativen för kantlinjen:

{width="600" modal="regular"}

(Valfritt) Ange namnen på CSS classes i den aktuella formatmallen som ska användas för bildrutan.

Avgränsa flera klassnamn med blanksteg.

Ange värden (i pixlar) för Margins and Padding för att ange bildrutans yttre marginaler och inre utfyllnad.

Ange varje motsvarande värde i bildspelet.

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

När du drar markerar en röd stödlinje insättningspunkten ovanför skjutreglaget.

{width="600" modal="regular"}

Använd redigeraren för att formatera texten efter behov.

{width="500" modal="regular"}

Håll pekaren över skjutreglagebehållaren för att visa huvudverktygslådan och välj ikonen Inställningar ( {width="20"} ).

{width="500" modal="regular"}

Ange Minimum Height för bildrutan.

Den minsta höjden kan vara ett tal med en giltig CSS-enhet (till exempel 100px, 50%, 50em, 100vh) eller en beräkning (till exempel 100vh - 237px).

Du kan till exempel ange den minsta höjden för ett reglage så att hela sidhöjden sträcks ut, vilket ger dig tilltalande alternativ för helsidesbakgrundsbilder och -videor.

{width="400"}

Om du vill att skjutreglaget ska börja när sidan läses in anger du Autoplay till Yes och anger Autoplay Speed till antalet millisekunder i fördröjningen mellan bildrutorna.

Som standard är hastigheten inställd på 4 000 ms, vilket är fyra sekunder. Om du ställer in automatisk uppspelning på No visas den första bilden som standard och kunden måste klicka på bildnavigeringen (punkter eller pilar) för att visa nästa bild i sekvens.

{width="600" modal="regular"}

Om du vill jämna ut övergången från en bildruta till nästa anger du Fade till Yes.

När du tonar verkar bilderna vara på plats, men innehållet ändras jämnt från en till nästa. Utan att tona visas den vågräta rörelsen från en bildruta till nästa.

{width="600" modal="regular"}

Om du vill att bildspelet ska upprepas oändligt medan sidan är öppen anger du Infinite Loop till Yes.

Så här väljer du typ av navigeringskontroller för skjutreglaget:

• Om du vill inkludera Nästa och Föregående pilar till vänster och höger om varje bild anger du Show Arrows till Yes.

• Om du vill inkludera en uppsättning navigeringspunkter under skjutreglaget anger du Show Dots till Yes.

{width="600" modal="regular"}

Slutför inställningarna för skjutreglaget Avancerat efter behov.

När du är klar klickar du på Save för att tillämpa inställningarna och återgå till arbetsytan i Page Builder.

Om du vill styra placeringen av bildrutorna i den överordnade skjutreglagebehållaren väljer du Alignment:

Ange det Border-format som ska användas på alla fyra sidor i skjutreglagebehållaren:

Om du anger ett annat kantlinjeformat än None fyller du i visningsalternativen för kantlinjen:

(Valfritt) Ange namnen på CSS classes från den aktuella formatmallen som ska användas för skjutreglagebehållaren.

Avgränsa flera klassnamn med blanksteg.

Ange värden, i pixlar, för Margins and Padding för att bestämma de yttre marginalerna och den inre utfyllnaden för skjutreglagebehållaren.

Ange motsvarande värden i diagrammet.

Öppna sidan där du har inkluderat skjutreglaget och ange Enable Page till Yes.

Klicka på pilen Save i det övre högra hörnet och välj Save & Close.

Hitta sidan i rutnätet Sidor och välj View i kolumnen Action.

{width="600" modal="regular"}

När du förhandsgranskar skjutreglaget ändrar du storlek på fönstret så att du kan se hur det ser ut på en mobil enhet.

{width="400" modal="regular"}