> For the complete documentation index, see [llms.txt](https://shoppa.gitbook.io/knowledge-hub/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://shoppa.gitbook.io/knowledge-hub/skapa-en-mall/textverktyget.md).

# Textverktyget

**Texter**\
Det finns flera saker du bör känna till om texter innan du börjar skapa mallar i Shoppa.

**Lägg till texter i en mall**

1. Välj verktyget Nytt textelement.
2. Klicka och dra för att skapa en textruta i mallen.
3. Standardtexten kommer alltid att vara "Abcde".
4. Klicka inuti rutan för att redigera texten.

**Enradig och fler-radig text**\
I Shoppa är texter alltid inom rutor, och det finns två typer av dem – enradig och fler-radig.

**Enradig**\
I dessa rutor kan teckenstorleken inte ställas in – texten maximalt fyller alltid rutan.

**Fler-radig**\
Flera rader kan användas och en maximal teckenstorlek kan ställas in. Om textinnehållet inte får plats, skalas det ner för att passa.

**Versaler och gemener**\
I menyraden under Text kan du ställa in om en textblock ska fyllas med gemener, versaler, alltid med versal i första bokstaven eller blandade versaler och gemener som presenterar texten som den är skriven.

* **aA** Texten är oförändrad (standard).
* **Aa** Versal i första bokstaven, gemener resten.
* **AA** Endast versaler.
* **aa** Endast gemener.

**Textplacering i en textruta**\
För att ändra placeringen av text inom en bildelement, använd justeringsknapparna i Ordna-fliken för horisontell och vertikal justering.

**Pris**\
Priser används för att skapa prisuppgifter, och prisformaten bestämmer hur priser presenteras (med till exempel valuta, :-, ;- eller många fler alternativ efter priset) men också för att utnyttja olika beräknings- och avrundningsfunktioner. Se mer i kapitlet om Att styra bindningar. Anpassade prisformat kan också begäras, vänligen kontakta oss.

**Lägg till och konfigurera pris**

1. Välj verktyget Nytt priselement.
2. Klicka och dra för att skapa en prisruta i mallen.
3. Välj ett teckensnitt.
4. (Valfritt) Välj en färg för priset; vänsterklicka på en färgruta för att fylla priset med en färg. Högerklicka på en färgruta för att ge det en färgad kontur.
5. (Valfritt) Ställ in tjockleken på en eventuell kontur.
6. Välj en prisformattering.

**Teckensnitt**\
I teckensnittslistan kan du välja vilket teckensnitt du vill använda för den valda textrutan. Listan är indelad i två sektioner med en horisontell linje som separerar dem.

Ovanför linjen finns de teckensnitt som har lagts till i Shoppa-kontot.\
Dessa teckensnitt laddas automatiskt ner när Shoppa startas och kan användas av alla butiker.

Nedanför linjen finns truetype-teckensnitt som du har installerat lokalt.\
För att göra teckensnitt tillgängliga för butikerna, använd ett teckensnitt i valfri mall och tryck på spara; teckensnittet kommer då att laddas ner till butiken och visas i den övre delen av listan vid nästa uppstart.

Du kan också importera opentype-teckensnitt genom att klicka på "Lägg till opentype-teckensnitt" längst ner i teckensnittslistan och sedan välja teckensnittsfilen på din dator.

**Text egenskaper**

**Radavstånd**\
Välj eller skriv in textens höjd till önskat värde. Standardvärdet är 1.

**Avstånd mellan bokstäver**\
Ställ in teckenavstånd. Godkända värden är -500 till 500, och standardvärdet är 0.

**Begränsa rader**\
Ibland kan det finnas behov av att begränsa antalet tecken i en ruta. Här kan du ställa in en gräns till ett visst värde eller använda "Allt", vilket är standardinställningen.

**Punktlista**\
Shoppa stödjer punktlistor.

Shoppa känner automatiskt av om den ursprungliga textinnehållet är en punktlista, om varje rad börjar med samma tecken, till exempel en ‘•’. Det kommer då att omvandlas till en punktlista med oförändrade punkter.\
Om texten inte har några punkter behandlar Shoppa den som normal text, om du inte väljer en punkttyp.\
Om du vill ha en annan punkttyp som inte finns i listan kan du klicka i urvalsboxen och skriva in vilket tecken som helst, till exempel ‘\*’.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://shoppa.gitbook.io/knowledge-hub/skapa-en-mall/textverktyget.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.