Sākums Dizaina pamatuzstādījumi

Dizaina pamatuzstādījumi

Šajās pamācības var iepazīties ar kopīgajiem veikala dizaina uzstādījumiem.
autors and 3 citi
• 21 raksti

Mazo baneru maiņa

Lai mainītu mazos banerus, jādodas no admin paneļa uz Dizains >> Bloks. Tur jāatrod HTML Bloks >> 4 mazie baneri, kur jānospiež uz dzeltenās “labot” ikonas. Ja ir nepieciešams saglabāt visus 4 banerus, izvēlnes joslā jānospiež uz “source” ikonas. Pavērsies koda skats. Lai veiktu attēla nomaiņu: 1.        Ja attēls atrodas norādītajā mapē (baneri), tad kodā jāatrod attēla nosaukums un tas jāmaina. Redzamajā piemērā tas ir: banner_1.png. 2.        Ja attēls atrodas citā mapē, kodā jāmaina nosaukums uz to, kurā atrodas attēls. Lai banerim norādītu aktīvo linku uz kādu kategoriju vai konkrētu preci, ierakstam # simbola vietā ir jānorāda links: 3.        Attēlam jābūt .png vai .jpg formātā. 4.        Ieteicamais mazā banera izmērs: 465 x 187 px. 5.        Katrai valodai tas jāveic atsevišķi. 6.        Beigās obligāti vēlreiz jānospiež uz “source” un tad “saglabāt” lapas augšējā labajā stūrī. Ja nav nepieciešami 4 baneri, tad daļa no koda ir jādzēš. Sekojot norādītajam piemēram, iegūsiet divus banerus. Gadījumā, ja vēlamie attēli nav augšupielādēti mapē, tad no admin paneļa jādodas uz Katalogs >> Produkti. Augšējā labajā stūrī atrodas “+” poga, uz kā uzspiežot, pavērsies jauna izvēlne. Tur jānospiež uz sadaļas “attēls”. Pēcāk jānospiež uz rāmja, kur jāatrodas attēlam, tad parādīsies zila ikona ar zīmulīti. Uzklikšķinot uz “rediģēt” pogas, pavērsies dažādas mapes. Pēc noklusējuma baneru attēli atradīsies “0-wd” mapē un “baneri” apakšmapē. Noklikšķinot uz “0-wd” mapes, pavērsies vēl klāsts ar tām, kur jāatrod attiecīgā apakšmape jeb “baneri”. Nokļūstot iekš mapes, augšējā kreisajā stūrī atrodama zila “augšupielādēt” ikona. To noklikšķinot, ir iespēja augšupielādēt attēlus pēc noteiktajiem parametriem. Ja vēlamais attēls neatrodas kādā no minētajām mapēm, jāmaina “pēc noklusējuma” kods. Instrukcija atrodama raksta augšpusē.

Pēdējo reizi atjaunināts Sep 04, 2024

Veikala izkārtojuma labošana un izveide

Katras sadaļas izkārtojumu ir iespēja pielāgot vizuāli ar preču blokiem, kategorijas blokiem, baneriem vai satura informāciju. Visu esošo veikala izkārtojuma sarakstu atradīsies sadaļā: Dizains >> Izkārtojums. Lai veiktu labojumus kādā no esošajiem izkārtojumiem varat nospiest pogu labot: Lai pievienotu jaunu izkārtojumu spiežam uz pogu "Pievienot" Izkārtojums ir sadalīts piecos blokos - Navigācijas josla, Izvēlnes saturs pēc navigācijas joslas (tas ir pēc lapas augšējās daļas (hederis)), kolonna pa kreisi, centrālais saturs un pilna platuma bloks. Izkārtojuma sadaļā labajā pusē ir redzami visi izveidotie moduļi jeb pieejamie bloki. Lai pievienotu bloku spiežam uz + pogas un norādām, kurā izkārtojuma sadaļā to vēlaties pievienot. Bloka pozīciju pēc tam ir iespēja pārvlikt starp pārējiem izkārtojuma blokiem. Pievienojot jaunu izkārtojumu pašā apakšā būs svarīgi norādīt izkārtojuma nosaukumu. Izkārtojumu Jūs varat piesaistīt dažādām e-veikala sadaļām. Visas sadaļas būs iespējams izvēlēties pievienojot jaunu maršrutu. Kad nospiedīsiet "pievienot", tad ieklikšķinot "Nosaukums" sadaļā parādīsies saraksts ar veikalu sadaļām, un kādu no tām izvēloties, aizpildīsies ceļš uz pašu sadaļu. Šādā veidā varat izveidot individuālus izkārtojumus un tās piešķirt sadaļām, piemēram, pielāgotas individuālas kategorijas vai informācijas lapas.

Pēdējo reizi atjaunināts Oct 31, 2025

Logo, ikonas, aizvietotāja bilde

Attēlu iestatījumi Viens no pirmajiem soļiem interneta veikala uzstādīšanā ir personalizēt mājaslapas 🏷️ logo, ⭐ ikonu un 🖼️ aizvietotāja bildes. Šos attēlus var nomainīt Admin paneļa uzstādījumos Mans veikals >> Dizaina iestatījumi >> Attēli. Šie elementi ietekmē gan veikala vizuālo tēlu, gan lietotāja pirmo iespaidu par zīmolu. Lai nodrošinātu labāko rezultātu, ieteicams ievērot zemāk norādītos formātus un izmērus 📐. ℹ️ Vairāk informāciju par attēlu ieteicamajiem formātiem un failu izmēriem var iepazīties Attēli, izmēri un formāti pamācībā. 🏷️ Kā nomainīt logotipu? Galvenais nosacījums pareiza logo ievietošanai ir tā formāts. 👇 💡 Ieteicamais formāts: - SVG — tas nezaudē kvalitāti, mainot izmērus un ir draudzīgs pārlūkprogrammām - Ja SVG nav pieejams, var izmantot PNG 🔍 Svarīgi: SVG attēla izmēram nav nozīmes — tas dinamiski pielāgojas ekrānam. Galvenais iemesls SVG formātam ir tas, ka tas, mainot savu izmēru, nezaudē kvalitāti. Tas vienmēr tiks attēlots iespējami augstākajā izšķirtspējā, kā arī tas aizņems vismazāk iespējamo datu daudzumu, padarot interneta veikala ielādi un lietošanu lietotājam ātrāku. SVG attēla izmēram nav nozīme. Tas nav vizuāls attēls noteiktos izmēros, kā tas ir ar PNG vai JPG failu formātiem. Tas ir interneta pārlūkam draudzīgs kods, pēc kura attēls tiek ģenerēts lietotāja ierīcē. Ja tomēr nav iespējams izvēlēties vektorgrafisku logotipu, var lietot PNG formātu. Taču jāatceras, ka šī attēla kvalitāte var pasliktināties, atkarībā no mājaslapas apmeklētāja ekrāna izmēra un logotipa veidnes izmēra uzstādījuma. Ja lieto PNG formātu, iesakām nepārsniegt šādus izmērus: - 📏 platums: 500 px - 📏 augstums: 60 px — tas labāk der logo rāmim un izvairās no izplūšanas. Teorētiski iespējams lietot platāka izmēra logotipus, taču jāskatās, kā tas ietekmēs kopējo mājaslapas dizainu dažādos ekrāna izmēros. Soļi, kā ievietot logo: 1. 🖱️ Klikšķiniet virsū uz esošā logotipa. 2. ✏️ Parādīsies zīmulīša un mistkastītes ikonas. Klikšķinam zīmulīti, lai nomainītu attēlu, klikšķinam uz mistkastītes, lai noņemtu attēlu. 3. 📁 Atvērsies mājaslapas Attēlu pārvaldnieks. Visus mājaslapas attēlus varēsiet augšupielādēt un pārvaldīt, izmantojot šo rīku. Kreisajā augšējā stūrī ir pārvaldnieka rīkjosla. Ar šiem rīkiem iespējams (šādā secībā no kreisās uz labo pusi) pārvietoties pa mapēm, pārlādēt logu, augšupielādēt attēlu, izveidot jaunu mapi un izdzēst ieķeksētos failus un mapes. 4. 📂 Klikšķinam uz vēlamās mapes, kur vēlamies saglabāt jauno logotipa failu, iesakām to saglabāt jau izveidotajā logo mapē. 5. ⬆️ Klikšķinam uz Augšupielādēt zilo ikonu. 6. 📷 Atvērsies lietotāja operētājsistēmas failu izvēles logs. Izvēlamies savu logotipa failu. Klikšķinam uz apstiprinājuma pogas un augšupielādējam to uz mājaslapas servera. 7. 🖼️ Kad fails augšupielādēts, klikšķinam uz tā. 8. 📌 Kad jaunais logotips ir izvēlēts, blakus attēlam parādīsies divi info logi - attēla izmērs un faila formāts. Ja abi logi ir zaļi, viss ir lieliski! Mums ir optimizēts attēls pareizajā formātā, kas nodrošinās efektīvu mājaslapas darbību. Ja faila izmēra logs ir sarkans - faila izmērs ir lielāks nekā rekomendēts logotipam. Tas ietekmēs veikala darbību un palēlinās visu lapu ielādi. Ja faila formāts ir sarkans - izvēlēts nepareizais faila formāts, piemēram, JPG. Logotips mājaslapā šajā gadījumā var tikt attēlots neprecīzi, ar necaurspīdīgu fonu. 9. 📌 Pēc izmaiņu veikšanas labajā pusē logotipam izvēlamies vēlamo logotipa izmēru Logotipa veidnes logā. Tur ir iespēja izvēlēties starp 3 dažādiem lielumiem. 10. 💾 Kad vēlamās izmaiņas veiktas, nedrīkst aizmirst saglabāt izmaiņas! Lai saglabātu izmaiņas, klikšķinam uz tumši zilās disketes ikonas labajā augšējā stūrī. 11. 🔄 Ieteikums arī atjaunot dizaina kešatmiņu pēc izmaiņu saglabāšanas, lai tās parādītos mājaslapā. ✍️ Nepieciešama jauna logotipa izstrāde? Ja vēlaties uzlabot esošo uzņēmuma logotipu, attēla formātu vai izstrādāt jaunu, EcomCart portālā iespējams pasūtīt darbu, iesniedzot individuālo pieteikumu mūsu grafiskajam dizainerim. ⭐ Kā nomainīt ikonu? Mājaslapas ikona jeb favikona ir svarīgs elements profesionāla interneta veikala dizainā — tā palīdz lietotājam ērti orientēties atvērtajās pārlūka cilnēs. 📏 Ieteicamais izmērs: 48 × 48 px 📁 Formāts: PNG 🎨 Ieteicams izvēlēties kantainu, labi salasāmu ikonu — bieži vien tas ir logotipa simbols vai pirmais burts no uzņēmuma nosaukuma. Soļi, kā nomainīt ikonu: 1. 🖱️ Klikšķinam ar peles klikšķi virsū uz esošās ikonas. 2. ✏️ Parādīsies zīmulīša un mistkastītes ikonas. Klikšķinam zīmulīti, lai nomainītu attēlu, klikšķinam uz mistkastītes, lai noņemtu attēlu. 3. 📁 Atvērsies mājaslapas Attēlu pārvaldnieks. Visus mājaslapas attēlus varēsiet augšupielādēt un pārvaldīt, izmantojot šo rīku. Kreisajā augšējā stūrī ir pārvaldnieka rīkjosla. Ar šiem rīkiem iespējams (šādā secībā no kreisās uz labo pusi) pārvietoties pa mapēm, pārlādēt logu, augšupielādēt attēlu, izveidot jaunu mapi un izdzēst ieķeksētos failus un mapes. 4. 📂 Klikšķinam uz vēlamās mapes, kur vēlamies saglabāt jauno ikonas failu, iesakām to saglabāt jau izveidotajā logo mapē, tur pat kur glabājam mājaslapas ikonu, lai vieglāk orientēties. 5. Klikšķinam uz Augšupielādēt zilo ikonu. 6. Atvērsies lietotāja operētājsistēmas failu izvēles logs. Izvēlamies savu favikonas failu. Klikšķinam uz apstiprinājuma pogas un augšupielādējam to uz mājaslapas servera. 7. 🖼️ Kad fails augšupielādēts, klikšķinam uz tā. 8. Kad jaunā ikona izvēlēta tā attēlosies Dizaina iestatījumu logā tieši zem Logotipa attēla. Tā attēlosies graudaina mazā faila izmēra dēļ, bet par to neuztraucieties, jo lietotāja pārlūkprogrammā tā būs pietiekami augstā izšķirtspējā. 9. 💾 Kad vēlamās izmaiņas veiktas, nedrīkst aizmirst saglabāt izmaiņas! Lai saglabātu izmaiņas, klikšķinam uz tumši zilās disketes ikonas labajā augšējā stūrī. 10. 🔄 Ieteikums arī atjaunot dizaina kešatmiņu pēc izmaiņu saglabāšanas, lai tās parādītos mājaslapā. ✍️ Nepieciešama jaunas ikonas izstrāde? Ja vēlaties uzlabot esošo uzņēmuma ikonu, attēla formātu vai izstrādāt jaunu, EcomCart portālā iespējams pasūtīt darbu, iesniedzot individuālo pieteikumu mūsu grafiskajam dizainerim. Ja būsiet jau pasūtījuši logotipa izstrādi, mūsu dizaineris nodrošinās favikonu un aizstājējbildi tā paša pasūtījuma ietvaros. 🖼️ Kas ir aizvietotāja bilde? Aizvietotāja bilde tiek parādīta produktiem, kuriem nav pievienots attēls — tā palīdz saglabāt veikala vizuālo stilistiku un profesionālu izskatu. Ja netiek norādīta aizvietotāja bilde, tā veikalā tiks attēlota šādi: Profesionālas aizvietotāja bildes gadījumā tā tiks attēlota groziņa ikonas vietā. 💡 Ieteikumi aizvietotāja attēlam: - 📏 izmērs: 800 × 800 px - ⚪ balts fons (vai dizainam atbilstošs tonis) - 🖼️ kantains (kvadrātveida) attēls 📌 Padoms: Lai aizvietotāja attēls nesaistītu pārāk lielu uzmanību, iespējams nedaudz samazināt tā kontrastu vai caurspīdību, lai tas izskatās dabīgāks produkta kontekstā. Zemāk attēls ar piemēru, kā iesakām sagatavot Aizvietotāja bildi: 🛠️ Nepieciešama aizvietotāja bildes, logotipa vai ikonas izstrāde? Ja vēlaties izveidot veikala aizvietotāja bildi, EcomCart portālā iespējams pasūtīt darbu, iesniedzot Individuālo pieteikumu mūsu grafiskajam dizainerim. Ja būsiet jau pasūtījuši logotipa izstrādi, mūsu dizaineris nodrošinās favikonu un aizstājējbildi tā paša pasūtījuma ietvaros.

Pēdējo reizi atjaunināts Feb 24, 2026

Kājene / mājaslapas apakšdaļa (Footer)

Kājenes iestatījumi Kājenes iestatījumus var atrast e-veikala Admin panelī Mans veikals >> Dizaina iestatījumi >> Kājene. Kājene ir mājaslapas apakšdaļa, kur parasti izvieto 📍 kontaktinformāciju, 🔗 noderīgas saites, 🧾 rekvizītus un citu svarīgu informāciju klientiem. Šajā Admin paneļa sadaļā iespējams veikt izmaiņas informācijai un dizainam, kas tiek attēlota mājaslapas apakšā. Šajā sadaļā vari: - ✏️ mainīt kājenes saturu un dizainu - 🧱 izveidot līdz 4 kolonnām (mazāks skaits ir iespējams, vairāk par 4 — nē) - 🌍 aizpildīt atšķirīgu informāciju katrai valodai (lai korekti strādā tulkojumi) Šādi izskatās e-veikala kājene mājaslapā: ✏️ Satura aizpildīšana Aizpildi visus nepieciešamos lauciņus ✅. Ja veikalam ir vairākas valodas, 🌍 aizpildi katru valodas versiju atsevišķi. ⚠️ Svarīgi Informācija starp iekavām ir īskods, piemēram {{piemērs}}, ir jāsaglabā tieši šādā formātā, jo sistēma to automātiski ieliek no informācijas norādītas Vispārīgajos uzstādījumos. 💡 Kāpēc tas ir ērti? Ja maini datus vienā vietā (Vispārīgajos uzstādījumos), tie automātiski atjaunojas visur, kur izmantots īskods. ℹ️ Par iespējamajām īskodu funkcijām, kuras varat izmantot kājenes informācijas izvadīšanai varat iepazīties pamācībā Īskodi. 🔗 Linki Katram nosaukumam noradām ceļu uz informācijas lapu, piemēram Piegādes informācija. Lai to izdarītu, kopējam informācijas lapas Par piegādi URL adresi. Jākopē ir tikai tā adreses daļa, kura ir aiz mājaslapas domēna beigām, tā kā tas ir iekrāsots piemērā zemāk. ℹ️ Lai pārbaudītu, kāda ir pareizā informācijas lapas adrese, ejam uz Informācijas lapas sadaļu un klikšķinam uz actiņas tai lapai, kuras adresi vēlamies redzēt. Atvērsies jauna cilne pārlūkprogrammā, kura atvērs šo informācijas lapu ar pilno adresi. Vairāk par informācijas lapām var iepazīties Informācijas lapu pamācībā. Linka rediģēšanas izvēlnē, kas parādās, uzklikšķinot uz tā, ir 3 iespējas (no kreisās uz labo): - ✏️ Izmainīt adresi - ⚙️ Papildiespējas, piemēram, izveidot adresi, kura funkcionē kā faila lejupielādēšanas adrese. - ⚙️ Noņemt piesaistīto adresi Lai piešķirtu jaunu adresi tekstam, jāklikšķina uz linka adreses augšējā rīkjoslā. Pēc jaunās adreses nokopēšanas, izlabojam esošo adresi, kura šobrīd mūsu piemērā ir neprecīza. Ierakstam vai iekopējam pareizo adresi un klikšķinam uz pogas Update, lai apstiprinātu izmaiņas. 💾 Pēc izmaiņu veikšanas neaizmirstam, ka mums ir jāsaglabā lapa, lai veiktās izmaiņas parādītos mūsu veikalā. 🔄 Kā arī pēc izmaiņu saglabāšanas klikšķinam uz pogas Atjaunot dizaina kešatmiņu. 🛠️ Nepieciešama palīdzība? Ja pareiza lapas informācijas aizpildīšana sagādā grūtības, to iespējams pasūtīt 🧑‍💻 EcomCart Portālā, piesakot individuālo pieteikumu uz kādu no šiem pakalpojumiem: - 🧾 Rekvizītu ievietošana - 🧩 Galvenā satura sadaļu ievietošana - 🎨 E-veikala kompozīcijas izstrāde Visi šie pakalpojumi sevī ietver mājaslapas satura ievadi pēc klienta sniegtās informācijas.

Pēdējo reizi atjaunināts Mar 02, 2026

Krāsu iestatījumi

Kur uzstādīt veikala krāsas? Pie krāsu iestatījumiem var nonākt caur Admin paneli Mans veikals >> Dizaina iestatījumi. Šajā sadaļā varat mainīt e-veikala krāsu shēmu. Parasti mājaslapas dizainā izmanto 3 krāsas, īpašos gadījumos var paredzēt līdz 5. Krāsām arī ir jābūt saskanīgām, jo katrs datora ekrāns krāsas atrāda citādi, ja vien tas netiek speciāli kalibrēts. Krāsu paleti variet ģenerēt: Coloors.co mājaslapā. Populārākos mājaslapu krāsu kodus varat atrast HTML Color Codes vietnē. Kā nomainīt krāsas? 1. 🖱️ Uzklikšķiniet ar peles kreiso taustiņu uz lauka ar krāsas kodu 2. 🎨 Atvērsies krāsu palete 3. ✅ Izvēlieties vēlamo krāsu. Krāsu var izvēlēties divos veidos: - klikšķinot uz krāsas loga - ierakstot Hex krāsas kodu (unikāls burtu un ciparu salikums pēc restītes simbola). Lai izvēlētos precīzus krāsas kodus, kas atbilst zīmolam, iesakam sekot līdzi uzņēmuma dizaina vadlīnijās norādītajiem krāsu kodiem vai, izmantot Coloors.co mājaslapu jaunu krāsu kodu ģenerēšanai. 4. 💾 Nospiediet **Saglabāt ** 5. 🔄 Atjaunojiet dizaina kešatmiņu ✍️ Nepieciešama palīdzība krāsu uzstādījumos? Ja vēlaties varam sakārtot Jūsu mājaslapas krāsu uzstādījumus Jūsu vietā izmantojot zīmola vadlīnijas un logo krāsas, EcomCart portālā iespējams pasūtīt darbu, piesakot Krāsu paletes iestatījumu pakalpojumu mūsu speciālistiem. Kuras mājaslapas krāsas iespējams mainīt? ℹ️ Visvienkāršākais veids, kā saprast, kurš krāsu uzstādījums ietekmē kuru e-veikala daļu, ar datora pelīti uzbraucot uz konkrētā uzstādijuma nosaukuma, vai klikšķinot zilo jautājuma zīmes ikoniņu. Atvēries uznirošs logs, kurā ar attēlu tiks parādīts piemērs, kur mājaslapā varēs redzēt veiktās izmaiņas. Kā nomainīt mājaslapas balto fona krāsu? Lai nomainītu galveno fona krāsu mājaslapai, nepieciešams iesniegt Individuālo pieteikumu EcomCart portālā. ✍️ Nepieciešama palīdzība dizaina uzstādījumos? Piedāvājam sakārtot gan mājaslapas krāsu paleti, gan kompozīciju un saturu. Vairāk par iespējām un to izmaksām var iepazīties EcomCart portālā sadaļā Dizains.

Pēdējo reizi atjaunināts Feb 17, 2026

Veidnes

Veidņu iestatījumi Sadaļā Veidnes iespējams izvēlēties, kuras dizaina veidnes (tpl faili) tiek izmantotas dažādās e-veikala lapās. 📍 Ceļš Admin panelī: Mans veikals >> Dizaina iestatījumi >> Veidnes Šeit vari kontrolēt, kā vizuāli tiek attēlota: - galvene - kategoriju lapas - produktu lapas un to dizains - grozs - navigācijas izvēlnes - produktu bloki u.c. Kas ir veidnes? Veidnes (piemēram, header.tpl, category.tpl) ir dizaina faili, kas nosaka konkrētas lapas struktūru un izkārtojumu. Mainot veidni, mainās: - 🧱 lapas struktūra - 🎨 vizuālais noformējums - 📐 ietekme uz elementu izkārtojumu ℹ️ Mainot veidnes, nav iespējams sabojāt veikala dizainu. Izkārtojums mainīsies, taču vienmēr iespējams atgriezties iepriekšējā skatā, nomainot attiecīgo veidni. Pieejamie uzstādījumi Galvenes izvēlne Galvenes izvēlne nosaka, kura veidne tiek izmantota mājaslapas galvenei jeb lapas augšdaļai. Piemērs no mājaslapas: Galvene parasti satur: - logo - navigāciju - meklētāju - groza ikonu - valodu izvēli - citas lielotāja izveidotas navigācijas vai izvēlnes Noklusējuma uzstādījums ir header.tpl dizaina fails. Mainot galvenes dizainu, mainīsies cik daudz un kāda informācija tiek attēlota galvenē. Iespējamie galvenes dizaini: - header.tpl - uzrāda gan augšējo, gan apakšējo izvēlni - header_2.tpl - noņem augšējo izvēlnes joslu - header_3.tpl - augšējo izvēlni izvada apakšā zem logo - header_4.tpl - veidne vēl izstrādes procesā - header_5.tpl - augšējā izvēlne integrēta galvenajā galvenes krāsā - header_6.tpl - veidne vēl izstrādes procesā - header_7.tpl - veidne vēl izstrādes procesā - header_8.tpl - tā pat kā standarta header.tpl izkārtojums, taču ar logo novietotu mājaslapas centrā un meklētājs ir kreisajā pusē - header_9.tpl - veidne vēl izstrādes procesā Kategorijas izvēlne Kategorijas izvēlne nosaka kategoriju skata izkārtojumu. Piemērs no mājaslapas: Kategoriju izvēlnē šobrīd ir izvēle starp 3 iespējām: - category.tpl - noklusējuma skats ar 5 kategorijām vienā rindā un lielākām bildēm. - category_little_categories.tpl - samazināts kategoriju režģis, samazinātas bildes, 6 kategorijas vienā rindā. - category_no_subcategories.tpl - kategoriju lapās neizvada pakaškategorijas. Visas preces redzamas zem vienas pirmā līmeņa kategorjas pat tad, kad ir izveidotas apakškategorijas katalogā. Produkta skats Produkta skats nosaka viena produkta lapas izskatu. Piemērs no mājaslapas: Var mainīt: - attēlu novietojumu - cenu un pogu izkārtojumu - cilnes (Apraksts, Specifikācija u.c.) Visas produkta skata iespējas: - product-single-1.tpl - noklusējuma skats, kas redzams augstāk attēlā. - product-single-1-no-ean.tpl - tāds pats, kā noklusējuma skats, taču neizvada produkta EAN kodus, ja tādi produktiem ir norādīti. - product-single-2.tpl - produktiem, kuriem ir opcijas, tās parādās rindā nevis izvēlnes blokos. Šāds skats klientam ļauj vienā pasūtījumā pasūtīt vairāku skaitu šī produkta ar dažādām opcijām vienlaicīgi. - product-single-3.tpl - pievienot grozam poga pārvietojas virs produktu blokiem. - product-single-4.tpl - produktu bloki pārvietojas kreisajā pusē zem attēla un preces apraksts pārvietojas labajā pusē, otrajā kolonnā blakus produktu blokiem. Pazūd arī rinda zem produkta nosaukuma par ID un papildu preces svītrakoda numuriem. - product-single-B2B-1.tpl - tāds pats skats, kā product-single-2.tpl, tikai produkta kods tiek izcelts boldā un iekrāsots treknākā fontā. - product-single-new-ean-sku-code.tpl - produktu SKU kods tiek izvadīts pirms produkta koda. - product-single-no-model.tpl - tāds pats kā pirmais noklusējuma skats, tikai bez produkta kodu informācijas zem nosaukuma. - product-single.tpl - tāds pats kā noklusējuma skats product-single-1.tpl, taču vecāka dizaina versija. Kolonnu skaits nosaka, cik kolonnās tiek izvadīti produkti kategoriju lapās. Pieejamās izvēles - 3, 4, 5. Jo vairāk kolonnu: - vairāk produktu vienā rindā - mazāki produktu bloki Piemērs no mājaslapas: Kolonnas ar rāmīti uzstādījums norāda, vai rādīt kolonnu atdalošās līnijas, vai nē. Ja aktivizēts: - produktiem un blokiem būs redzams rāmis - dizains kļūst strukturētāks Produkta režģa veidne Produkta režģa veidne nosaka, kā izskatās produktu bloki preču sarakstu skatos jeb kategoriju un apakškategoriju lapās. Tas ietekmē: - preces aprakstu - preces statusu - preces vērtējumu - produkta attēla izmēru - kādas ailītes no produkta tiek izvadītas šajā kategoriju skatā - cenu un atlaides atspoguļojumu - pogu izskatu u.c. Piemērs no mājaslapas: Visas produkta režģa veidņu iespējas: - product-block-1.tpl – noklusējuma skats, kurā ir attēlots preces attēls, nosaukums, kods, pieejamība, cena un iespēja norādīt preču skaitu, ko pievienot grozā ar groza ikonu. - product-block-2.tpl – šajā skatā tiek noņemta preču groza poga, kā arī preces kods un pieejamība. Tiek pievienots preces reitings. - product-block-3.tpl – bez reitinga, pēc preces nosaukuma ir cena, pieejamības statuss un produkta kods. Uzejot ar peli virsū, parādās groza poga. - product-block-4.tpl – tiek attēlots tikai attēls, nosaukums un preces cena. Uzejot ar peli virsū, parādās groza poga. - product-block-5.tpl – līdzīgs pirmajai veidnei product-block-1.tpl tikai kompaktāks skats un produktu etiķetes pretējā secībā ar prioritāti uz atlaides procentu daudzumu. - product-block-6.tpl – tiek attēlots preces nosaukums, cena, pieejamība, produkta kods, preces apraksta pirmie vārdi. Uzejot ar peli virsū, parādās groza poga, kā arī divas papildu pogas - pievienot favorītam un salīdzināt. - product-block-7.tpl – tāds pats kā iepriekšējais product-block-6.tpl, tikai bez preces apraksta. Uzejot ar peli virsū, parādās groza poga, bez papildus pogām. - product-block-sku.tpl – tāds pats kā noklusējuma product-block-1.tpl, taču precēm, kurām ir svītrkods, tas tiek parādīts. Iepirkumu groza skata veidne Iepirkumu groza skata veidne nosaka groza lapas izskatu. Piemērs no mājaslapas: Visas iepirkuma groza skata veidnes: - checkout-cart-1.tpl – noklusējuma skats, kas redzams piemērā attēlā augstāk. - checkout-cart-sku.tpl – tāds pats kā noklusējuma skats, bet bez produkta koda. - checkout-cart.tpl – vecmodīgāks skats ar vietu rīkjoslai kreisajā malā, visa informācija redzama tabulas formātā. Piemērs zemāk redzamajā attēlā. Piemērs no mājaslapas: Saziņas izvēlne Saziņas izvēlne nosaka kontaktformas lapas dizainu. Šis uzstādījums maina to, cik daudz informācija parādas kontaktu lapā, kas atrodama JūsuVeikals.eu/kontakti. Piemērs no mājaslapas: Visas saziņas izvēlnes iespējas: - contact.tpl - noklusējuma dizains ar vislielāko informācijas daudzumu virs Saziņas veidlapas. - contact_1.tpl - tiek noņemts darba laiks un rekvizītu saturs. - contact_2.tpl - redzama tikai Saziņas veidlapa, nekāda informācija netiek norādīta virs Saziņas veidlapas. Šo dizaina variantu izmanto, lai manuāli pievienotu lapā savu veidoto saturu. Galvenes kategoriju izvēlne Šī izvēlne nosaka, kas tiek attēlots uznirošajā navigācijā mājaslapas kreisajā augšējā stūrī. Šīs veidnes iespējams katram veikala lietotājam izstrādāt sadaļā Dizains >> Bloki >> Navigācijas konstruktors. navigācijas konstruktorā iespējams izstrādāt jebkāda veida navigāciju. Vairāk informāciju par Navigācijas konstruktoru un dizaina blokiem var iegūt Navigācijas konstruktors pamācībā. Piemērs no mājaslapas: Visas kategoriju izvēlnes veidnes, kas pieejamas jaunā veikalā: - --- Neviens --- – izvēloties šo variantu, kreisā stūra kategoriju izvēlne netiks uzrādīta vispār - Augšējā navigācija – uzniroša izvēlne, kas izvada saturu no auģšējās navigācijas joslas. - Galvenā sāna kategoriju navigācija – uzniroša izvēlne kreisā sāna kategoriju navigācijai. - Horizontālā navigācija – uzniroša izvēlne ar horizontālo navigāciju, kas atrodas zem galvenes bloka (zem logo). - Mazā navigācija virs banera – šīs veidnes uzstādījumus jākoriģē Dizains >> Bloki >> Navigācijas konstruktors pirms to izmanto veikalā. Mobilās izvēlnes navigācija Šī izvēlne nosaka, kas tiek attēlots uznirošajā navigācijā mājaslapas kreisajā augšējā stūrī mobīlo iekārtu skatā. Šajā izvēlne ir tieši tās pašas funkcijas, kuras atrodamas Galvenes kategoriju izvēlnes uzstādījumos. Šos iestatījumus var uzstādīt neatkarīgi no Galvenes kategoriju izvēlnes. Piemērs no mājaslapas: 💾 Kā saglabāt izmaiņas? 1. Izvēlies nepieciešamo veidni no saraksta 2. Veic izmaiņas 3. Nospied 💾 saglabāšanas pogu 4. Spied 🔄 Atjaunot dizaina kešatmiņu ⚠️ Ja kešatmiņa netiek atjaunota, izmaiņas var nebūt redzamas veikalā. 🛠️ Nepieciešama palīdzība? Ja nepieciešama palīdzība mājaslapas izkārtojumā un dizaina uzstādījumos, mūsu komanda piedāvā sakārtot veikalu Jūsu vietā. Šo pakalpojumu iespējams pieteikt EcomCart portālā zem Pakalpojumu sadaļas - Standarta sākumlapas kompozīcija.

Pēdējo reizi atjaunināts Feb 26, 2026

Attēli, izmēri un formāti

Viss par attēliem Šajā pamācībā apkopota informācija par attēlu formātiem, izmēriem un ievietošanas principiem EcomCart platformā. Pareizi sagatavoti attēli nodrošina labu vizuālo kvalitāti un optimālu lapas ielādes ātrumu. ℹ️ Par logo, ikonu un aizstājējbildi var iepazīties Logo, ikonas, aizvietotāja bildes pamācībā. Attēlu formāti Pareiza faila formāta izvēle palīdz samazināt ielādes laiku un saglabāt attēla kvalitāti. Mūsdienās ir neskaitāmi daudz dažādu digitālo attēlu formātu, dažreiz ir grūti saprast, vai izvēlaties pareizos attēlus savai mājaslapai. Zemāk ir aprakstīti visi ieteicamie attēlu formāti, kurus var droši izmantot interneta veikalā. Ieteicamie formāti: - WEBP - moderns formāts ar augstu kvalitāti un mazu faila izmēru. Piemērots banneriem un lieliem vizuāliem elementiem. 💡 Pirms attēlu ievietošanas mājaslapā, iesakām jebkuru attēlu pārkonvertēt šajā formātā, izmantojot Squoosh.app vai kādu citu attēlu pārveidošanas rīku. Šis formāts pieļauj caurspīdīgus attēlus. Izņēmums ir kustīgi attēli un logotipi. Ja vēlaties pievienot kustīgu attēlu, tad tas ir jāsaglabā GIF formātā. Kā arī, ja vēlaties ievietot logotipu, tam būtu jābūt vektoru formātā, piemēram, SVG. Par logo niansēm lasiet Logo, ikonas, aizvietotāja bildes pamācībā. - PNG - šis ir visatpazīstamākais failu formāts, ko zinās lielākā daļa cilvēku. Tas ir nedaudz vecāks formāts par WEBP, līdz ar to nav tik labi optimizēts ātrdarbībai. Toties šis faila formāts saglabās attēlu kvalitāti visaugstākajā līmenī. Šis ir vispopulārākais faila formāts caurspīdīgiem attēliem un vēl aizvien populārs internetā. - GIF - šo faila formātu izmanto tikai un vienīgi kustīgiem attēliem. Taču jābūt uzmanīgam, lai šajā attēlā nav pārāk gara attēlu sekvence, kas var palielināt faila izmēru un bremzēt mājaslapas ātrdarbību. Šie attēli parasti arī ir ļoti kompresēti, līdz ar to zaudējot attēla kvalitāti. - ❌ JPG - šis ir populārs attēla formāts augstas izšķirtspējas fotogrāfijām. Šo formātu nevajadzētu izmantot mājaslapās, jo to failu izmēri ir salīdzinoši lieli. Šie attēli arī nevar būt caurspīdīgi. JPG attēlus ieteicams pārveidot WEBP formātā pirms publicēšanas. 💡 Iesakam izmantot Squoosh.app vai Bulk-Squoosh rīkus šo attēlu konvertēšanai. 🖼️ Sākumlapas banneri Ja sākumlapā izmantojat sāna navigācijas izvēlni, tad baneru izmēri būs: - Platums: 905 px - Augstums: Pēc ieskatiem (rekomendējam 375 – 550 px) Banerus var likt arī šaurākus augstuma ziņā, bet platums vēlams, lai ir minētie 905 px. Kad ievietojiet jaunu attēlu sākumlapas banneru blokā, nepieciešams pielāgot bloka izmērus, lai tie būtu vienādi vai lielāki par attēla izmēru, saglabājot attēla attiecību. Tas ir varīgi, lai attēls tiktu attēlots iespējami augstākajā kvalitātē. Ja bloka izmērs būs mazāks par attēla izšķirtspēju, attēls tiks parādīts miglaini. 📍 Sākumlapas bannera bloka izmērus var labot ejot uz Dizains >> Izkārtojumi >> 01.Sākumlapa. 📍 Sākumlapas skatā meklējam bloku ar nosaukumu Banneri >> Homepage Banner, kas atrodas Centrālajā saturā. Klikšķinam uz zīmulīša, lai rediģētu bloku. Kad atveras jauns logs ar bloka uzstādījumiem, pārliecinamies, ka Platums un Augstums atbilst banneru attēlu izmēriem. Mūsu gadījumā attēli ir PNG formātā un 905px x 375px izmēros. Ja sistēmā nav norādīti Slaidera kustības un maiņas ātrumi, nebūs iespējams saglabāt izmaiņas. Ja lauki ir tukši, ievadiet 3000 jeb 3 sekundes gan vienā, gan otrā laukā. Tie ir sistēmas noklusējuma uzstādījumi. Jo mazāks skaitlis, jo īsāku laiku banneri uzkavējas pirms nomainās uz nākamo, kā arī ātrāka ir maiņas animācija. Jo lielāks skaitlis, jo lēnāka ir animācija un ilgāk attēls uzkavējas pirms parādās nākamais. 📌 Svarīgi zināt: 1000 vienības = 1 sekunde Pēc izmaiņu veikšanas neaizmirstiet 1. 💾 saglabāt uznirošajā logā, 2. aizvērt logu, 3. 💾 atkal saglabāt veikala izkārtojumu. Ja netiks saglabāts veikala izkārtojums, izmaiņas nebūs redzamas mājaslapā. Kur ievietot banneru failus? Iepriekš izstāstījām visu par failu formātiem un pareizajiem izmēriem, taču visdrīzāk pamanījāt, rediģējot bloku, nav iespējams pievienot vai noņemt banneru attēlus. Šī bloka saturu mēs rediģējam atsevišķā sadaļā. Lai mainītu sākumlapas banneru failus: 1. 📍 Dodamies uz Dizains >> Baneri >> Homepage Banner. 2. ✏️ Klikšķinam uz zīmulīša ikonas. 3. Atveras logs, kurā iespējams norādīt visus banneru attēlus gan pilna izmēra mājaslapai, gan mobīlajai mājaslapas versijai. Visus bannerus jāizveido un jāuzstāda katras mājaslapas valodas versijā. Katrai valodai ir sava izvēlne, kurā var norādīt savus bannerus. Var norādīt ar dažādus bannerus dažādām valodu versijām. Nav obligāti jānorāda tie paši banneri visās valodās. Šādi veikalā iespējams specializēt piedāvājumu klientiem no dažādām valstīm. - Pirmajā kolonnā jānorāda banneru virsraksti. Šie virsraksti tiek ievadīti katra bannera ALT kodā, līdz ar to šie ir SEO draudzīgi ieraksti, lai personalizētu katra attēla SEO tekstu. - Otrā kolonnā jānorāda pilna mājaslapas adrese, uz kuru vēlaties, lai banneris aizved. Ja adrese netiek norādīta, banneris nav klikšķināms un tas tiek attēlots tikai kā informatīvs attēls. Par to kā pareizi norādīt veikala mājaslapas linkus, skatiet Web Linki pamācību. - Trešajā kolonnā - Attēls jāievieto fails uz banneri WEBP vai PNG formātā. Zem attēla parādīsies zaļi vai sarkani indikatori, kas norāda par pareizu vai nepareizu failu formātu, kā arī attēla izmēru un faila datu apjomu. - Ceturtajā kolonnā ievietojam mobilo attēla versiju. Par mobilajiem attēliem lasiet zemāk Mobīlās versijas banneri. - Piektajā kolonnā jānorāda banneru secība. To ir svarīgi norādīt ar skaitļiem 1, 2, 3, lai banneri tiktu attēloti pareizajā secībā. Jo mazāks skaitlis, jo augstāka attēla prioritāte banneru blokā. Kolonnas apakšā ir zila poga, ar kuru var pievienot vairāk bannerus. - Sestā kolonna izvada sarkanas pogas, ar kurām var noņemt liekās banneru rindas. ℹ️ Profesionāls ieteikums - WEBP Ja izmantojat ieteicamo WEBP attēlu formātu sākumlapas banneriem, iesakam attēlu saglabāt 1.5x - 2x lielāku nekā PNG failu. Faila izmērs būs mazāks kā PNG attēlam, toties attēla kvalitāte būs daudz labāka. Tādējādi pārliecināsieties, ka lietotāji ar ekrāniem augstākā izšķirtspējā redzēs banneru attēlus to iespējami labākajā kvalitātē. Piemēram, ja mans orģinālais PNG banneris būtu 905px x 375px izmērā, WEBP formāta failu es saglabātu augstākā 1810px x 750px izmērā, kas ir 2x lielāks. Ja izvēlaties bannerus saglabāt augstākā izšķirtspējā, jāatceras, ka banneru bloka izmērs arī jānomaina uz 1810x750 px izmēru. 📱 Mobilās versijas banneri Mobilās versijas banneriem ir paredzēta atsevišķa attēla faila vieta. Tomēr nav obligāti jāveido atsevišķs mobilais banneris, ja mājaslapas datora (web) versijas banneris nav pārāk plats un tajā esošais teksts mobilajā skatījumā ir labi salasāms, vai arī ja bannerī vispār nav teksta. Lai noteiktu, vai nepieciešams atsevišķs mobilās versijas banneris, ieteicams ievietot esošo web versijas banneri mobilās versijas attēla vietā un pārbaudīt, kā tas attēlojas, atverot mājaslapu telefona pārlūkā. 📍 Attēlus var ievietot, ejot uz Dizains >> Baneri >> Homepage Banner uzstādījumiem. Ja tomēr nepieciešams izveidot mobilās versijas banneri, iesakam to izveidot šaurāku par Web versijas banneri. Piemēram: - 600x375 px izmērā. - Ļoti labi mobilajā versijā izskatās attēli 1:1 attiecībā. Piemēram, 500x500 px izmērā. - Var eksperimentēt un izveidot arī vertikālas banneru versijas mobilajam skatam, ja vēlaties banneri kā pirmo galveno apskates objektu sākumlapā. Nav noteikti strikti mobilo versiju banneru izmēri. Taisam, ko sirds kāro un testējam, kā tas izskatīsies mājaslapā uz mobilajām iekārtām. ℹ️ Protams, arī šeit iesakām izmantot optimizētus failu formātus kā WEBP un veidot bannerus augstākās izšķirtspējās, piemēram 1000 x 1000 px. Mūsdienu telefonu ekrāni ir augstas izšķirspējas, līdz ar to attēlus nepieciešams veidot augstā kvalitātē. Moduļa uzstādījumi sākumlapas izkārtojumā Kad mobilās versijas bannera attēls ir ievietots, nepieciešams atgriezties pie izskārtojuma uzstādījumiem un norādīt mobilā bannera attēla izmērus. To varam izdarīt ejot uz Dizains >> Izkārtojumi >> 01.Sākumlapa >> Homepage Banner. Klikšķinam rediģēt uz zīmulīša un atvērsies banneru uzstādījumu logs, kurā nepieciešams norādīt Mobile Platuma un Augstuma izmērus. Ja šo nenorāda, attēli var tikt attēloti nepareizajā attiecībā mobilajā mājaslapas skatā. Visi izmēri jānorāda px formātā. Šeit izmēri ir līdzīgi kā pilna izmēra banerim. Attēla platums un augstums var būt dažāds, skatoties pēc tā cik lielu šo attēlu esat ievietojuši. Pilna platuma banneris sākumlapā Sākumlapā iespējams izmantot arī pilna platuma kustīgos banerus. To iespējams uzstādīt, noņemot blokus pie sākumlapas izkārtojuma sadaļas kolonna pa kreisi. Pilna platuma banera izmēri: Platums: 1216 px Augstums: Pēc ieskatiem (rekomendējam 500 px) ℹ️ Ja esat uzstādījis sākumlapas banneri lielākā izšķirtspējā WEBP formātā 2x lielākā izmērā jau iepriekš, kā minēts augstāk, tad pilna platuma banneris būs pietiekami augstā kvalitātē un nekādas papildus darbības vairs nav vajadzīgas. Kategoriju banneri Kategorijas skatā ir iespējams arī izvietot pilna platuma nekustīgos attēlus, kas var izcelt kādu konkrētu kategoriju, produktus vai cita veida informāciju. Šos attēlus norāda kategorijas apraksta datu laukā. 📍 Katalogs >> Kategorijas >> [izvēlamies kategoriju, kurai vēlamies pievienot banneri] >> klikšķinam zīmulīti. Atvērsies logs, kurā iespējams pievienot un rediģēt konkrētas kategorijas aprakstu. Apraksta laukā ievietojam attēlu, izmantojot attēlu pārvaldnieka rīku. Šeit izmēri ir līdzīgi kā sākumlapas banerim. Attēla augstums var būt dažāds, skatoties pēc tā cik lielu šo attēlu vēlaties norādīt. Attēlu pirms ielādes jau sagatavo vēlamajos izmēros: Platums: 905 px Augstums: Pēc ieskatiem Sāna banneri Iespējams pievienot dažādus banerus arī kolonnā pa kreisi, gan sākumlapā, gan produktu un kategoriju lapās. Platums: 294 px Augstums: Pēc ieskatiem, bet nevajadzētu aizrauties ar pārāk lieliem izmēriem augstumā. Citi attēli un to izmēri Mazās bildes - attēlus precēm vai mazajām kategorijām iesakām saglabāt PNG formātā. Maza izmēra attēlus nav nepieciešams optimizēt WEBP formātā. Kategorijas bloka attēla izmēri Šie ir ieteicamie attēlu izmēri kategoriju blokiem: Platums: 210 px Augstums: 135 px Produkta attēla izmērs Produktu attēlu minimālais izmērs ir 800 x 800 px. Ja izmērs būs mazāks, bilde netiks attēlota kvalitatīvi. Rekomendējam produktu attēlu augstuma un platuma attiecībai būt 1:1 attiecībā, bet tas nav obligāti, jo sistēma mēģinās tos pielāgot.

Pēdējo reizi atjaunināts Feb 26, 2026

Sociālo tīklu pievienošana

Sociālo tīklu ikonu pievienošana veikalam Lai pievienotu vai rediģētu sociālo tīklu ikonas un saites, dodieties uz: Mans veikals → Dizaina iestatījumi → Sociālie tīkli 🔘 Sociālo tīklu statusa iestatījums Sadaļas augšpusē atrodas lauks “Statuss”. - Ja statuss ir Izslēgts, veikala kājenē netiks rādīta neviena sociālo tīklu ikona – neatkarīgi no tā, kas aktivizēts zemāk. - Ja statuss ir Ieslēgts, kājenē tiks attēlotas tikai tās ikonas, kuras atzīmētas kā aktīvas. 📱 Noklusējuma sociālie tīkli Pēc noklusējuma pieejamas trīs ikonas: - Facebook - Twitter - Instagram Jūs varat: - pievienot neierobežotu skaitu jaunu sociālo tīklu, - deaktivizēt nevajadzīgos, - vai pilnībā izdzēst kādu no saraksta. ❌ Kā noņemt sociālo tīklu no kājenes? Ja vēlaties, lai konkrētā ikona vairs nerādās: 1. Noņemiet ķeksīti kolonnā “Vai ir aktīvs?” 2. Saglabājiet izmaiņas Ikona vairs netiks attēlota veikala kājenē. 📝 Var arī dzēst visu rindu, taču ieteicams vienkārši deaktivizēt – tā būs vieglāk atjaunot, ja nākotnē atkal vajadzēs šo sociālo tīklu. ➕ Jauna sociālā tīkla pievienošana Lai pievienotu jaunu platformu: 1. Spiediet zilo “+” ikonu 2. Parādīsies jauna rinda Aizpildiet laukus: Nosaukums – ievadiet sociālā tīkla nosaukumu (piemēram, TikTok) Ikonas klase – uzklikšķiniet uz ikonu izvēles loga Atvērsies ikonu meklētājs: - sāciet rakstīt platformas nosaukumu, - izvēlieties atbilstošo ikonu, - uzklikšķiniet, lai pievienotu Saite (URL) – ievadiet sava veikala sociālā tīkla profila adresi Atzīmējiet “Vai ir aktīvs?”, lai ikona tiktu attēlota kājenē. 💾 Saglabāšana un atjaunošana Pēc izmaiņu veikšanas: 1. Nospiediet Saglabāt 2. Atjaunojiet dizaina kešatmiņu Pēc tam aktivizētajām ikonām jāparādās e-veikala kājenē.

Pēdējo reizi atjaunināts Feb 26, 2026