Adaptiv mallåtergivning

Senast uppdaterad: 4 maj 2023

Skapat för:

  • Developer
CAUTION
AEM 6.4 har nått slutet på den utökade supporten och denna dokumentation är inte längre uppdaterad. Mer information finns i teknisk supportperiod. Hitta de versioner som stöds här.

Med den adaptiva mallåtergivningen kan du hantera en sida med variationer. Den här funktionen är ursprungligen användbar för att leverera olika HTML-utdata för mobila enheter (t.ex. funktionstelefon eller smarttelefon), men den är användbar när upplevelser måste levereras till olika enheter som behöver olika märkningar eller HTML-utdata.

Översikt

Mallar byggs vanligtvis runt ett responsivt rutnät, och sidor som skapas baserat på dessa mallar är helt responsiva och justeras automatiskt till visningsrutan på klientenheten. Med verktygsfältet Emulator i sidredigeraren kan man rikta layouten till specifika enheter.

Det går också att skapa mallar som stöder adaptiv återgivning. När enhetsgrupper är korrekt konfigurerade återges sidan med en annan väljare i URL:en när en enhet väljs i emulatorläge. Om du använder en väljare kan en viss sidåtergivning anropas direkt via webbadressen.

Kom ihåg när du konfigurerar enhetsgrupper:

  • Alla enheter måste finnas i minst en enhetsgrupp.
  • En enhet kan finnas i flera enhetsgrupper.
  • Eftersom enheter kan finnas i flera enhetsgrupper kan väljarna kombineras.
  • Kombinationen av väljare utvärderas uppifrån och ned när de sparas i databasen.
NOTE
Enhetsgruppen Responsiva enheter kommer aldrig att ha någon väljare eftersom enheter som har stöd för responsiv design antas inte behöva någon adaptiv layout

Konfiguration

Anpassningsbara återgivningsväljare kan konfigureras för befintliga enhetsgrupper eller till grupper som du själv har skapat.

I det här exemplet ska vi konfigurera den befintliga enhetsgruppen Smarta telefoner att ha en adaptiv återgivningsväljare som en del av Experience Page i We.Retail.

  1. Redigera enhetsgruppen som kräver en adaptiv väljare i http://localhost:4502/miscadmin#/etc/mobile/groups

    Ange alternativ Inaktivera emulatorn och spara.

    chlimage_1-157

  2. Väljaren blir tillgänglig för Blackberry och iPhone 4 tillhandahöll enhetsgruppen Smart Phone läggs till i mall- och sidstrukturerna i följande steg.

    chlimage_1-158

  3. Med CRX DE Lite kan enhetsgruppen användas i mallen genom att lägga till den i egenskapen för flervärdessträngen cq:deviceGroups på mallens struktur.

    /conf/<your-site>/settings/wcm/templates/<your-template>/structure/jcr:content

    Om vi till exempel vill lägga till enhetsgruppen Smart Phone:

    /conf/we-retail/settings/wcm/templates/experience-page/structure/jcr:content

    chlimage_1-159

  4. Med CRX DE Lite kan enhetsgruppen användas på din webbplats genom att lägga till den i egenskapen för flervärdessträngen cq:deviceGroups på webbplatsens struktur.

    /content/<your-site>/jcr:content

    Om vi till exempel vill tillåta Smart Phone enhetsgrupp:

    /content/we-retail/jcr:content

    chlimage_1-160

Nu när du använder emulator i sidredigeraren (till exempel när ändra layouten) och du väljer en enhet i den konfigurerade enhetsgruppen kommer sidan att återges med en väljare som en del av URL:en.

I vårt exempel, när du redigerar en sida baserat på Experience Page och väljer iPhone 4 i emulatorn återges sidan med väljaren som arctic-surfing-in-lofoten.smart.html i stället för arctic-surfing-in-lofoten.html

Du kan även anropa sidan direkt med den här väljaren.

chlimage_1-161

Föregående sida
Nästa sida

Experience Manager