> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://support.shoperb.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Theme Builder: Veebipoe kujundamise juhend

Veebipoe kujundamise tööriistaga saad muuta oma e-poe kujundust nagu sulle meeldib. Võimalus lisada pilte, tekste, uudiskirju, kirjutada HTML’is ning palju muudki. Seletame detailselt kuidas kasutada Shoperb Theme Builder’it.
 

1. Mine **“Navigatsioon”**, järgmiseks **“Kujundus”**,  kliki **“Seadista”**.

See avab veebipoe kujundamise tööriista Theme Builderi:


![](https://storage.crisp.chat/users/helpdesk/website/d70911b005775800/screenshot-2020-06-01-at-10062_lw8m9e.png)

2. Paremal pool menüüs näete väikest tööriista märki. See märk avab **„Üldseaded“**.


![](https://storage.crisp.chat/users/helpdesk/website/d70911b005775800/screenshot-2020-06-01-at-10081_1s8z4ld.png)

Seletame **„Üldseaded“** ükshaaval lahti.


![](https://storage.crisp.chat/users/helpdesk/website/d70911b005775800/screenshot-2020-06-01-at-10091_11phz1z.png)

**“Teema”** (Theme) - Classic (klassikaline). Twins teema puhul jääb nii nagu on.
 
**“Värvid”** (Colors) - Vali oma teksti ja pealkirjale sobilik värv( päisele, jalusele, lehekülje värvid).

**“Tekstistiilid” **(Text Styles) -  Saate lisada kirja šrifte, suurust, kõrgust ja kaalu tekstidele ja pealkirjadele.

**“Nupud”** (Buttons) - Milline värv teile meeldiks „võtke meiega ühendust“ nupul, te saate nuppe kujundada siin:

Lisa **“Favikoon”** (Favicon) oma veebilehele.

**“Loo ise”** (customization). Saate  valida **“Swatch boxes”** (tootelehel alternatiivse valiku vaated) või **„Select elements”** (vali elemendid), et näha kuidas tooted teie veebilehele ilmuvad.

**“Modal Window”** (Modaalaken). Lisa hüpiksõnum oma veebilehe esilehele. Näiteks, kui veebipoes on suur soodusmüük või teadaanne.


3. Järgmisena** “Päis “**(Header) :

  
Lisa enda veebipoele logo ja kohanda seda nii nagu sulle meeldib:

**“Päis”**(Header) alt saad lisada ka sotsiaalmeediakanali linke:


![](https://storage.crisp.chat/users/helpdesk/website/d70911b005775800/screenshot-2020-06-01-at-10155_mls5r8.png)

4. Järgmisena kujundame jalust ehk **“Jalus”** (Footer)

Lisa vajalikud detailid veebipoe jalusesse ( ploki laius, jaluse menüü ja maksemeetod):

![](https://storage.crisp.chat/users/helpdesk/website/d70911b005775800/screenshot-2020-06-01-at-10162_ryqccu.png)

5. Liigume edasi lõbusamate asjadega! Alusta oma veebilehe kujundamist:

Vali **“Lisa uus sektsioon”**. Lisa pilte, tekste, uudiskirju- kujunda just nii nagu sulle meeldib.

Vaatame ükshaaval läbi kõik võimalikud elemendid. Võimalikud elemendid:


1.  **“Päisepilt” **(Header Image) ning kliki **„Lisa“**

Muuda teksti,  lisa faile ja muuda suurust:


![](https://storage.crisp.chat/users/helpdesk/website/d70911b005775800/screenshot-2020-06-01-at-10181_tc6iuv.png)

2. Järgmiseks avage Kontakt leht. 

Mine **“Lisa uus sektsioon”** valides  **“Kontaktivorm”** (Contact Form). Klikka **„Lisa“** ja alusta kontakt lehe kujundamist.


![](https://storage.crisp.chat/users/helpdesk/website/d70911b005775800/screenshot-2020-06-01-at-10194_vmdone.png)

3. Mine **“Lisa uus sektsioon”.** Järgmisena lisa  **“Teksti lõigud piltidega”**(text columns with images), muuda lõike, lisa tekste ja pilte.


![](https://storage.crisp.chat/users/helpdesk/website/d70911b005775800/screenshot-2020-06-01-at-10211_fa0cgh.png)

4. Mine **“Lisa uus sektsioon”** ning vali järgmisena  **“Loo ise” **(Custom) ja kohanda sisu. Võimalus kohandada veebilehe sisu HTML’is:


![](https://storage.crisp.chat/users/helpdesk/website/d70911b005775800/screenshot-2020-06-01-at-10231_1kh9zmu.png)

Järgmisena, kliki **„Lisa“**
Lisa teksti pealkirjad ja tekst, teil on ka võimalus lisada HTML’is sisu.


5. Järgmiseks **„Pilt tekstiga”** (Image with text) ning kliki **„Lisa“**.

Muuda teksti, nuppu, lisa pilt.


![](https://storage.crisp.chat/users/helpdesk/website/d70911b005775800/screenshot-2020-06-01-at-10250_1fqjqxw.png)

6. Järgmisena **„Kollektsioon“** (Collection) ning kliki **„Lisa“ **


![](https://storage.crisp.chat/users/helpdesk/website/d70911b005775800/screenshot-2020-06-01-at-10261_1tvwmjz.png)

 Te saate lisada erinevaid kollektsioone, nagu näiteks püksid, jalanõud, jakid jne.
Te saate lisada kollektsiooni nimetuse, pealkirja, kollektsiooni kirjelduse, pildi. 

Lisa tooted enda kollektsiooni:

Kui oled kujundanud kollektsionid, kliki **“Salvesta”.**

7. Järgmisena **„Iseloomustused“** (Reviews) ja kliki **“Lisa“ **ning kirjuta enda iseloomustus.

![](https://storage.crisp.chat/users/helpdesk/website/d70911b005775800/screenshot-2020-06-01-at-10322_1r07elz.png)

8. Järgmiseks **„Pildigalerii“** (Image Gallery) ja kliki **„Lisa“** ning postita enda pildid:

![](https://storage.crisp.chat/users/helpdesk/website/d70911b005775800/screenshot-2020-06-01-at-10334_rn5zka.png)

9. Järgmisena vali **„Uudiskiri“** (Newsletter) ja kliki **„Lisa“ **ning lisa vajalikud pildid:


![](https://storage.crisp.chat/users/helpdesk/website/d70911b005775800/screenshot-2020-06-01-at-10375_xe3qz3.png)

10.  Järgmisena **„Kollektsioonide nimekiri“** (Collection list), kliki **„Lisa“ **ja tõsta tooted esile:


![](https://storage.crisp.chat/users/helpdesk/website/d70911b005775800/screenshot-2020-06-01-at-10391_u40vut.png)