april 26, 2016

Billeder på statiske sider

Ét af Shoporamas svage punkter er, at du ikke bare kan klippe klistre dine sider til med billeder alle mulige steder.

Men der er en løsning. Den er ikke køn brugervenlighedsmæssigt, men den er fleksibel, så du kan få det stort set, som du vil ha’ det (bare du har en udvikler inde over). Lad os se på det.

Du skal sådan set bare oprette en side og tilknytte et par billeder som du gør på kategorier, produkter etc. I din tekst indsætter du så bare [PIC1] og [PIC2], hvor du vil have dine billeder. Se eksemplet herunder.

Indsætte billeder på statiske sider i Shoporama

 

 

 

 

 

Derefter klikker du Gem.

Du skal nu bare have lavet en “søg og erstat” i din skabelon. Det skal du have din designpartner eller udvikler til.

Koden består af to dele. Først skal vi lige have tildelt vores billeders URL til nogle variabler. Det ser sådan ud:

<{assign var="images" value=$page->getImages()}>
    <{if $images}>
        <{section name="i" loop=$images start=0 max=1}>
            <{assign var="tempbill1" value=$images[i]->getSrc(800, 800, 'fit')}>
            <{assign var="bill1" value="<img src='$tempbill1'>"}>
        <{/section}>

        <{section name="i" loop=$images start=1 max=1}>
            <{assign var="tempbill2" value=$images[i]->getSrc(800, 800, 'fit')}>
            <{assign var="bill2" value="<img src='$tempbill2'>"}>
        <{/section}>

        <{section name="i" loop=$images start=2 max=1}>
            <{assign var="tempbill3" value=$images[i]->getSrc(800, 800, 'fit')}>
            <{assign var="bill3" value="<img src='$tempbill3'>"}>
        <{/section}>
    <{/if}>

Dernæst skal vi have lavet søg og erstat på variablerne og skrive al vores tekst (med billederne ud). Det ser sådan ud:

<{assign var="temptekst" value=$page->getText()}>
    <{$temptekst|replace:'[PIC1]':$bill1|replace:'[PIC2]':$bill2|replace:'[PIC3]':$bill3}>

Den her kan kun lige spise 3 billeder. Har du brug for mere, er jeg sikker på, at din udvikler kan gennemskue princippet.

Flere skabeloner – mere gejl

Vil du tage den et skridt videre, så kan du vælge at få din udvikler til at lave skabeloner, så der f.eks. står “skabelon=venstrestillet” eller “skabelon=tekstombrydning” i dine ekstrafelter på siden. Så kan der opsættes regler for om billederne skal være i venstre side, om teksten skal ombrydes eller hvad.

Skriv et svar

Din e-mailadresse vil ikke blive publiceret.