Textalk Webshop Manual

Kom-igång-guide

Tips

Allmänt

Sortiment

Inställningar

Utseende

Beställningar

Egna sidor

Kunder

Rabatter

Partners

Tilläggstjänster

Integrationer

Skyltfönster Valfri text/bild

Skyltfönstret kan infogas på Utseende → Startsida, Utseende → Artikelgrupper, på artikelgruppers anpassade utseende under Sortiment → Artikelgrupper samt på sidor under Egna sidor.

Här går vi igenom de vanligaste frågorna om Valfri text/bild.

Klickbart innehåll

Genom att ange klickbart innehåll kan du länka till en annan sida i webshopen. Finns både text och uppladdad bild på skyltfönstret kommer båda dessa vara klickbara.

Ladda upp bild på komponenten

Längst ner i komponenten har du möjlighet att ladda upp en bild

När du laddat upp bilden visas den på skyltfönstret och du har där möjlighet att radera bilden senare. Uppe till höger under rutan ”Inställningar” ”Bildjustering” väljer du hur bilden skall visas i förhållande till texten.

Inställningarna ovan kommer visa denna sida som nedan.

Lägga till bild i skyltfönstret

Om man vill att flera bilder skall visas i samma ”Valfri text/bild”, t.ex. bredvid varandra, måste bilderna ligga utanför den egna sidan, t.ex. på ett eget webhotell.

Du infogar bilden i skyltfönstret genom att klicka på ikonen Insert edit/image i verktygsraden.

När du klickar på ”Insert” infogas bilden i textredigeringsfältet på skyltfönstret.

Värden:
Image URL Ange bildens adress här, t.ex. http://www.example.com/bild.png
Image description Beskrivning av bildens innehåll, syns om bilden inte kan laddas, läses upp vid talsyntes och indexeras av sökmotorerna.
Alignment Justerar bildens placering i förhållande till övrigt innehåll i textfältet
Dimensions Om du vill ändra bredd och höjd för hur bilden visas ändrar du det här. Det rekommenderas att lämna det tomt eller låt funktionen fylla i bildens värden om du inte vill ändra detta.
Border Bildens ram, är oftast inte synlig förens du gör bilden klickbar. Vanligast är att sätta denna till 0.
Vertical space Vertikal marginal
Horizontal space Horisontell marginal

Här har två bilder lagts in bredvid varandra. Den första har fått ”Border” satt till 0, och den andra har fått ”Border” satt till 1 samt ”Alignment” till ”Middle”

Länka

Länkar som skall gå till externa sidor, som t.ex. en blogg, skall länkas i textfältet på skyltfönstret. Det samma gäller om man vill länka endast en viss del av text eller bild i textfältet, till en intern sida.

Textlänk

En textlänk skapas genom att man först markerar den text som skall bli klickbar, och sedan klickar man på Insert/edit link

Bildlänk

En bildlänk skapas genom att man först markerar den bild som skall bli klickbar, och sedan klickar man på Insert/edit link


Båda varianter av länkar skapas i denna ruta

När du klickar på ”Insert” infogas länken i textredigeringsfältet på skyltfönstret.

Värden:
Link URL Adressen dit länken skall leda
Target Anger hur länken skall öppnas, i samma sida eller i ny sida
Title Beskrivning av länkens innehåll, läses upp vid talsyntes samt indexeras av sökmotorerna

Tabeller

Tabeller kan vara bra att använda om man vill lägga upp flera bilder och texter bredvid varandra.

En tabell skapas genom att man klickar på Inserts a new table i verktygsraden.

När du klickar på ”Insert” infogas tabellen i textredigeringsfältet på skyltfönstret.

Värden:
Cols Antal kolumner i tabellen
Rows Antal rader i tabellen
Cellpadding marginal till cellens kanter
Cellspacing mellanrum mellan cellerna
Alignment Justerar tabellens placering i förhållande till övrigt innehåll i textfältet
Border Ramar
Width Bredd på tabell
Height Höjd på tabell
Class Ge tabellen en klass som du sedan kan påverkas via egen CSS
Table caption Rubrik för tabell, används oftast inte i detta sammanhang

Här har vi skapat en tabell med ”Cols” satt till 3 och ”Rows” till 2.

Och så här kommer denna se ut i butiken

Redigera HTML

För att komma till HTML-redigeringsläge, klicka på i verktygsraden

Här kan du redigera HTML-koden. Klicka på ”Update” när du är klar med själva koden. Glöm sedan inte att klicka ”Spara ändringar” när du är redo att spara sidan.

Edit HTML Source