Viso dizaino keitimo pavyzdys

Viso dizaino keitimas

E. parduotuvėje rasite dizaino įrankį, kuris leis Jums pakeisti e. parduotuvės elementus ar jų spalvas. Keičiamas dizainas taikomas visiems e. parduotuvės puslapiams. Jei norite puslapio elementui naudoti paveiksliukus, įkelkite juos png formatu.

Dizaino įrankis leidžia koreguoti:
1. Puslapio viršų (header)
2. Meniu juostą
3. Puslapio centrinę dalį, puslapio apačią (footer)
4. Modulių ir mygtukų spalvas

Galima koreguoti ir kitus elementus, esančius dizaino įrankyje.

 

1. Puslapio viršaus (header) keitimas

1.1. Įkeliami paveiksliukai, kurie bus naudojami dizainui: Komponentai > Freeshop > Stilizuok parduotuvę > nuoroda Paveiksliukai > spaudžiate mygtuką Browse ir įkeliate paveiksliukus >išsaugote juos spausdami ikoną Išsaugoti. Paveiksliukai turi būti png formatu.
1.2. Įrašomi header pakeitimai: Komponentai > Freeshop > Stilizuok parduotuvę:

 

 

 

 

 























































 


Viršutinė puslapio juosta > Fonas


Pavyzdyje pažymėta 1

- tai išorinis header fonas
- jei vidinis header fonas neužpildytas,
tada išorinis rodomas ir vidiniame
- eilutėje fono spalva nurodytas
spalvos kodas


Pavyzdyje pažymėta 2

- tai vidinis header fonas
- eilutėje paveikslėlis pažymėtas
įkeltas paveiksliukas

- fono spalva įrašyta balta, ji nuspalvos
tas vietas, kurios liks neužpildytos
- eilutėje kartojimas pažymėta kartoti
horizontaliai


Pavyzdyje pažymėta 8

- tai laukelių, kurie turi pasirinkimą
fonas
- laukelyje fono spalva nurodytas
spalvos kodas



Pavyzdyje pažymėta 3

- tai prisijungimo ikonėlė
- ikonėlės dydis: ilgis 20 px, aukštis
14 px, formatas png, geriau be fono
- lauke paveikslėlis pažymėtas
įkeltas paveiksliukas


Pavyzdyje pažymėta 5

- tai krepšelio ikonėlė
- ikonėlės dydis: ilgis 20 px, aukštis
14 px, formatas png, geriau be fono
- lauke paveikslėlis pažymėtas
įkeltas paveiksliukas


Pavyzdyje pažymėta 6
- tai paieškos lauko ikonėlė
- ikonėlės dydis: ilgis 206px, aukštis
40 px, formatas png, geriau be fono
- lauke paveikslėlis pažymėtas
įkeltas paveiksliukas

Pavyzdyje pažymėta 7
- tai paieškos mygtuko ikonėlė
- ikonėlės dydis: ilgis 91px, aukštis
40px, formatas png, geriau be fono
- lauke paveikslėlis pažymėtas
įkeltas paveiksliukas

 

 

 

 

 

 

Viršutinė puslapio juosta > Tekstai



Pavyzdyje pažymėta 4

- tai header dalyje esantis tekstas,
nuorodos
- visi tekstai pažymėti pilka spalva
- Header list hovered hyperlinks color
eilutėje nurodoma spalva, kuri
matoma, kai pele užvedate ant
nuorodos

 

 

 



Viršutinė puslapio juosta > Rėmeliai




Pavyzdyje pažymėta 8

- tai įvedimo lauko (pavyzdyje valiuta)
rėmelio spalva
- eilutėje dydis (border) nurodomas
pikseliais

1.3. Išsaugome pakeitimus, spausdami ikoną Pritaikyti
1.4. Išvalome laikiną talpyklą: Įrankiai > Išvalyti talpyklą > sužymite įrašus ir spaudžiate ikoną Ištrinti

 

2. Meniu juostos keitimas

2.1. Įkeliami paveiksliukai, kurie bus naudojami dizainui: Komponentai > Freeshop > Stilizuok parduotuvę > nuoroda Paveiksliukai > spaudžiate mygtuką Browse ir įkeliate paveiksliukus >išsaugote juos spausdami ikoną Išsaugoti. Paveiksliukai turi būti png formatu.
2.2. Įrašomi meniu pakeitimai: Komponentai > Freeshop > Stilizuok parduotuvę:

 

 

 

 

 

 

 

 


























 





Meniu > Fonas


Pavyzdyje pažymėta 1

- tai išorinis meniu fonas
- jei vidinis meniu fonas neužpildytas,
tada išorinis rodomas ir vidiniame
- eilutėje fono spalva nurodytas
spalvos kodas



Pavyzdyje pažymėta 4

- tai vidinis meniu fonas
- eilutėje fono spalva nurodytas
spalvos kodas

 

 

 

 

 

 

Pavyzdyje nepažymėta
- tai vertikalus skirtukas (brūkšnys)
tarp meniu punktų
- eilutėje fono spalva nurodytas
spalvos kodas (kai spalva sutampa
sutampa su meniu fono spalva,
skirtuko nesimato

Pavyzdyje pažymėta 2
- tai aktyvaus meniu punkto fonas
- įkeltas paveiksliukas, kurio aukštis
38px, ilgis 1px


- eilutėje kartojimas pažymėta kartoti
horizontaliai
























Meniu > Tekstas


Pavyzdyje pažymėta 4 (tekstas)

- pildoma meniu nuorodų spalva


hover - geriau nurodyti juodą spalvą,
nes užvedus pele ant nuorodos,
jos fonas tampa baltas
Aktyvi - tai paspaustas, aktyvus
meniu


- pildoma vidurinės puslapio dalies
meniu nuorodų
spalva

- pildoma kategorijų meniu spalvos
(jei keičiama kategorijų nuorodų
spalva, reikia keisti visus punktus)

Hover - kai pele užvedame ant
nuorodos, pasikeičia spalva
Aktyvi - tai paspaustos nuorodos
spalva

 

 

 

 



Meniu > Rėmeliai


Pavyzdyje nepažymėta

- tai horizontalus brūknys po meniu
nuoroda, kuris atsiranda paspaudus
ant meniu nuorodos
- dydis - tai storis pikseliais
- spalva - įrašytas kodas

2.3. Išsaugome pakeitimus, spausdami ikoną Pritaikyti
2.4. Išvalome laikiną talpyklą: Įrankiai > Išvalyti talpyklą > sužymite įrašus ir spaudžiate ikoną Ištrinti

 

3. Puslapio centrinės dalies ir puslapio apačios (footer) keitimas

3.1. Įkeliami paveiksliukai, kurie bus naudojami dizainui: Komponentai > Freeshop > Stilizuok parduotuvę > nuoroda Paveiksliukai > spaudžiate mygtuką Browse ir įkeliate paveiksliukus >išsaugote juos spausdami ikoną Išsaugoti. Paveiksliukai turi būti png formatu.
3.2. Įrašomi centrinės dalies, puslapio apačios pakeitimai: Komponentai > Freeshop > Stilizuok parduotuvę:

Pavyzdys: "Puslapio centrinė dalis"

Pavyzdys: "Puslapio apačia (footer)"

 

 

 


 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Body elementas > Fonas


Pavyzdyje nepažymėta

- tai puslapio bendras fonas:
viršus, centras, puslapio apačia ir
apatinė dalis "padding"
- eilutėje fono spalva nurodytas
spalvos kodas


Pavyzdyje "Puslapio apačia (footer)"
pažymėta 1
ir 3
- tai apatinės dalies fonas (išorinis)
- eilutėje fono spalva nurodytas
spalvos kodas
- jei apatinės dalies vidinis fonas
neužpildytas, tada ta pati spalva
ir footer viduje

 

 

 

 

 

 

 

 

Pavyzdyje "Puslapio centrinė dalis"
pažymėta 1

- tai vidinės dalies fonas (išorinis)
- eilutėje fono spalva nurodytas
spalvos kodas
- jei vidinės dalies vidinis fonas
neužpildytas, tada ta pati spalva
ir viduje
Pavyzdyje "Puslapio centrinė dalis"
pažymėta 2

- tai vidinės dalies fonas (vidinis)
- eilutėje fono spalva nurodytas
spalvos kodas, kuris rodomos
laisvoje vietoje
- eilutėje paveikslėlis nurodytas
paveikslėlis
- eilutėje kartojimas parinkta kartoti

 

 

 

 

 

Body elementas > Tekstai

Pavyzdyje "Puslapio apačia (footer)"
pažymėta 2

- tai apatinėje puslapio dalyje
esančių nuorodų spalva
- eilutėje spalva nurodytas
spalvos kodas
- jei pildysite teksto, nuorodų ir
aktyvių nuorodų spalvą, pasikeis
visame puslapyje esančios
nuorodos

3.3. Išsaugome pakeitimus, spausdami ikoną Pritaikyti
3.4. Išvalome laikiną talpyklą: Įrankiai > Išvalyti talpyklą > sužymite įrašus ir spaudžiate ikoną Ištrinti

 

4. Puslapio dalių (modulių antraštės, mygtukų) keitimas

4.1. Įkeliami paveiksliukai, kurie bus naudojami dizainui: Komponentai > Freeshop > Stilizuok parduotuvę > nuoroda Paveiksliukai > spaudžiate mygtuką Browse ir įkeliate paveiksliukus >išsaugote juos spausdami ikoną Išsaugoti. Paveiksliukai turi būti png formatu.
4.2. Įrašomi footer pakeitimai: Komponentai > Freeshop > Stilizuok parduotuvę:

 

 

 

 

 

 

 

 

 

 

 





Modulis > Fonas

















Pavyzdyje pažymėta 4

- tai modulio antraštės fonas
- eilutėje fono spalva nurodytas
spalvos kodas

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


 

 

 

Modulis > Tekstas





























Pavyzdyje pažymėta 3

- tai modulio antraštės tekstas
- eilutėje spalva nurodytas
spalvos kodas

 

 

 

 

 

 



Mygtukai > Fonas



Pavyzdyje pažymėta 6

- tai mygtukų fonai
- paspaudus nuorodą kur tai
yra,
pamatysite mygtukus
- eilutėje fono spalva nurodytas
spalvos kodas

arba

jeigu norite įkelti savo
sukurtus specifinius mygtukus,
reikia pirma juos pasiruošti
tokio dydžio, koks nurodytas
prie pavadinimo - geriausia
be fono ir png formatu ir juos
įkelti ir prisegti eilutėje
paveikslėlis.

4.3. Išsaugome pakeitimus, spausdami ikoną Pritaikyti

4.4. Išvalome laikiną talpyklą: Įrankiai > Išvalyti talpyklą > sužymite įrašus ir spaudžiate ikoną Ištrinti

 

Kaip atrodo pakeistas puslapio dizainas

Puslapis prieš ir po



E. parduotuvės nuomos paslaugos

Freeshop.lt nuomoja nuolat kuriamą ir tobulinamą SEO reikalavimus atitinkantį e. parduotuvės sprendimą. Nuomininkams teikiame visapusišką pagalbą e. parduotuvės valdymo klausimais: nemokamos konsultacijos e. paštu, klientų pagalbos svetainė, straipsniai ir seminarai.

Partnerių integracijos

Norėdami pamatyti konkrečios integracijos aprašymus, spauskite ant logotipo.