Anpassad mallåtergivning

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

Enhetsgruppen Responsiva enheter kommer aldrig att ha någon väljare eftersom enheter som identifieras som stödda responsiv design inte antas 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 så att den har en adaptiv återgivningsväljare som en del av mallen Experience Page i We.Retail.

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

    Ange alternativet Inaktivera emulatorn och spara.

    chlimage_1-157

  2. Väljaren är tillgänglig för Blackberry och iPhone 4 förutsatt att enhetsgruppen Smart Phone har lagts till i mall- och sidstrukturen 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 strängegenskapen cq:deviceGroups för flera värden i mallstrukturen.

    /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 strängegenskapen cq:deviceGroups för flera värden i webbplatsens struktur.

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

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

    /content/we-retail/jcr:content

    chlimage_1-160

När du använder emulatorn i sidredigeraren (till exempel när layouten ändras) och du väljer en enhet i den konfigurerade enhetsgruppen, återges sidan med en väljare som en del av URL:en.

När du redigerar en sida som är baserad på mallen 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

På denna sida