Styling af gavekort (Avanceret)

Hvis du gerne selv vil styre font, farve og positionering af teksten på gavekortet, er du nødt til at gøre dette ved at indsætte en CSS style i din shop.

Selve stylen skal formateres som en xml fil, der skal hedde ”styles.xml ” og skal uploades til en mappe der hedder ”/images/design/giftcertificate”. Du kan gøre dette enten via dit mediearkiv eller via FTP. Mappen ”giftcertificate” er ikke oprettet i forvejen, så det skal lige gøres først.

Et eksempel på filens indhold ser sådan her ud:

BEMÆRK: Filen skal indeholde alle elementerne for at fungere. Du må altså ikke kun “plukke” dem du skal bruge.

<?xml version="1.0" encoding="utf-8"?>
<GiftCertificateElementStyles>
<CardNumberPaddingLeft>15</CardNumberPaddingLeft>
<CardNumberPaddingBottom>35</CardNumberPaddingBottom>
<CardNumberFontSize>10</CardNumberFontSize>
<CardNumberFontColor>#666666</CardNumberFontColor>
<CardNumberFontName>Helvetica</CardNumberFontName>
<AmountPaddingLeft>15</AmountPaddingLeft>
<AmountPaddingBottom>62</AmountPaddingBottom>
<AmountFontSize>32</AmountFontSize>
<AmountFontColor>#000000</AmountFontColor>
<AmountFontName>Helvetica</AmountFontName>
<ShopNamePaddingLeft>15</ShopNamePaddingLeft>
<ShopNamePaddingBottom>230</ShopNamePaddingBottom>
<ShopNameFontSize>25</ShopNameFontSize>
<ShopNameFontColor>#000000</ShopNameFontColor>
<ShopNameFontName>Helvetica</ShopNameFontName>
<ExpireDatePaddingLeft>15</ExpireDatePaddingLeft>
<ExpireDatePaddingBottom>20</ExpireDatePaddingBottom>
<ExpireDateFontSize>10</ExpireDateFontSize>
<ExpireDateFontColor>#000000</ExpireDateFontColor>
<ExpireDateFontName>Helvetica</ExpireDateFontName>
<HeadingPaddingLeft>15</HeadingPaddingLeft>
<HeadingPaddingBottom>187</HeadingPaddingBottom>
<HeadingFontSize>25</HeadingFontSize>
<HeadingFontColor>#000000</HeadingFontColor>
<HeadingFontName>Helvetica</HeadingFontName>
</GiftCertificateElementStyles>

<?xml version="1.0" encoding="utf-8"?>

<CardNumberFontName>Helvetica</CardNumberFontName>

<AmountFontName>Helvetica</AmountFontName>

<ShopNameFontName>Helvetica</ShopNameFontName>

<ExpireDateFontName>Helvetica</ExpireDateFontName>

<HeadingFontName>Helvetica</HeadingFontName>

</GiftCertificateElementStyles>

Du kan i filen gøre brug af følgende fonte:

Courier
Courier-Bold
Courier-Oblique
Courier-BoldOblique
Helvetica
Helvetica-Bold
Helvetica-Oblique
Helvetica-BoldOblique
Symbol
Times-Roman
Times-Bold
Times-Italic
Times-BoldItalic

Hvis du ligger noget kode ind i filen der ikke virker, vil shoppen bruge standard formateringer i stedet