ClickEshop logo
Sk
En (English) De (Deutsch) Cz (Český) Sk (Slovenský)
Home
  • Potrebujem profesionálny web / e-shop
  • Vytvoriť eshop
  • Web stránka
  • Email hosting
  • Domény
  • Nápoveda
  • Blog
  • Kontakt

Vložiť Panel

Na vymedzenie šírky vkladaného obsahu slúži Panel. Okrem farby pozadia a odsadenia textu umožňuje nastaviť aj šírku a vďaka tomu určiť, ktorá časť stránky sa bude zobrazovať na celú obrazovku (napr. reklamný banner) a ktorá iba na určitú šírku (napr. textová časť stránky).

Vzhľad stránky si ľahko spestríte vložením farebných pásov (slidov), do ktorých vložíte určitý obsah (text, obrázky, text s obrázkami). Keďže je panel responzívny a automaticky sa prispôsobuje šírke zariadenia, na ktorom sa zobrazuje (či už mobil, tablet alebo počítač).

 

Postup na vloženie panelu v ClickEshop administrácii v časti Správa obsahu:
 


Panel je možné vložiť 4 rôznymi spôsobmi:

  1. kliknúť v tele stránky pravé tlačítko myši - Pridať komponent - Panel
  2. označiť text a v nástrojovej lište kliknúť ikonku "plus" - Pridať komponent - Panel
  3. stlačiť klávesu "enter" a v nástrojovej lište kliknúť ikonky Pridať komponent - Panel
  4. nadísť myšou na už vložený komponent a kliknúť ikonky "plus" - Panel
  5. zmeny uložiť kliknutím pravého tlačítka myši - Uložiť

 

Panelu je možné nastaviť nasledovné vlastnosti:


  • Šírka panelu [px]: zadajte šírku alebo ponechajte prednastavenú hodnotu 1200px. Šírku je možné kedykoľvek meniť.
  • Odsadenie obsahu [px]: zadajte odsadenie obsahu od okraja alebo ponechajte riadok nevyplnený
  • Farba pozadia: vyberte si farbu z farebnej palety alebo ponechajte riadok nevyplnený
  • Obrázok: do pozadia panelu je možné vložiť aj obrázok. Nalistujte obrázok z centrálneho úložiska súborov alebo ponechajte riadok nevyplnený. Pri výbere obrázku do pozadia panelu je potrebné zvoliť vhodný rozmer obrázku.
  • zmeny uložiť kliknutím pravého tlačítka myši - Uložiť

 

Príklady využitia

1/ Určenie šírky vloženého textu

Najčastejšie sa panel používa pre určenie šírky textu kde je žiaduce, aby sa nezobrazoval po celej šírke stránky alebo iba v určitom vymedzenom rozmere, napr: 1200px, 1300px, 1400px. Rovnakým spôsobom je napísaná aj táto podstránka, kde bol vložený panel so šírkou 1200px.

Šírku panelu už vloženého je možné kedykoľvek meniť nasledovnými spôsobmi:

  • v pravom dolnom rohu nadídením myšou na ikonku ružovej šípky a ťahaním myši na požadovaný rozmer
  • v pravom hornom rohu kliknutím ikonky Upraviť (má tvar ceruzky), kde v riadku: Šírka panelu [px] nastavíte požadovanú šírku
  • zmeny uložiť kliknutím pravého tlačítka myši - Uložiť

 

2/ Rozdelenie stránky na pásy tzv. slidy

vzhľad stránky je možné zatraktívniť vložením farebných pásov (slidov), do ktorých vložíte obsah (text, obrázky, text s obrázkami). Pásy pritom môžu byť po celej šírke stránky alebo iba v určitej šírke.

a/ ohraničený pás - vložíte komponent panel, ktorému určíte nasledovné vlastnosti:

  • v riadok "Šírka panelu [px]" zadáte hodnotu napr. 1200
  • v riadku Farba pozadia: vyberte si farbu z farebnej palety
  • zmeny uložiť kliknutím pravého tlačítka myši - Uložiť

 

Príklad zobrazenia panelu so šírkou 1200px a šedou farbou v pozadí je nasledovný:

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eleifend diam quis lectus pulvinar commodo. Sed aliquam metus eu leo laoreet viverra. Sed non euismod tellus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eleifend diam quis lectus pulvinar commodo. Sed aliquam metus eu leo laoreet viverra. Sed non euismod tellus. 

 

b/ pás na celú šírku stránky s farebným pozadím a vloženým s textom - vložíte komponent panel, ktorému určíte nasledovné vlastnosti:

  • riadok "Šírka panelu [px]" v nastaveniach panelu ostane nevyplnený resp. mu priamo určíte 1920px, ktoré je pre full-HD zobrazovanie
  • v riadku Farba pozadia: vyberte farbu z farebnej palety
  • zmažete ilustratívny text panelu a do farebného pásu vložíte ďalší panel so šírkou napr. 1200px, aby text nešiel od ľavého okraja po pravý okraj stránky
  • zmeny uložiť kliknutím pravého tlačítka myši - Uložiť


Príklad zobrazenia panelu so šedým pozadím a šírkou 1920px, v ktorom je vložený ďalší panel so šírkou 1200px s ilustratívnym textom je nasledovný:

 

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eleifend diam quis lectus pulvinar commodo. Sed aliquam metus eu leo laoreet viverra. Sed non euismod tellus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eleifend diam quis lectus pulvinar commodo. Sed aliquam metus eu leo laoreet viverra. Sed non euismod tellus. 

 

 


c/ pás na celú šírku stránky s farebným pozadím a vloženými textami v stĺpcoch - vložíte komponent panel, ktorému určíte nasledovné vlastnosti:

  • riadok "Šírka panelu [px]" v nastaveniach panelu ostane nevyplnený resp. mu priamo určíte 1920px, ktoré je pre full-HD zobrazovanie
  • v riadku Farba pozadia: vyberte farbu z farebnej palety
  • zmažete ilustratívny text panelu a do farebného pásu vložíte komponent Stĺpce (napr. 3stĺpce so šírkou 1200px)
  • zmeny uložiť kliknutím pravého tlačítka myši - Uložiť


Príklad zobrazenia panelu so šedým pozadím a šírkou 1920px, v ktorom je komponent Stĺpec (3stĺpce so šírkou 1200px) je nasledovný:


COLUMN1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eleifend diam quis lectus pulvinar commodo. Sed aliquam metus eu leo laoreet viverra.

COLUMN2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eleifend diam quis lectus pulvinar commodo. Sed aliquam metus eu leo laoreet viverra.

COLUMN3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eleifend diam quis lectus pulvinar commodo. Sed aliquam metus eu leo laoreet viverra.

 

 

d/ pás na celú šírku stránky s farebným pozadím a vloženým obrázkom + textom v stĺpci - vložíte komponent panel, ktorému určíte nasledovné vlastnosti:

  • riadok "Šírka panelu [px]" v nastaveniach panelu ostane nevyplnený resp. mu priamo určíte 1920px, ktoré je pre full-HD zobrazovanie
  • riadku Farba pozadia: vyberte farbu z farebnej palety
  • zmažete ilustratívny text panelu a do farebného pásu sa následne vloží komponent Obrázok v stĺpci s textom alebo, 3 obrázky v stĺpci s textom,..
  • zmeny uložiť kliknutím pravého tlačítka myši - Uložiť


Príklad zobrazenia panelu so šedým pozadím a šírkou 1920px, v ktorom je komponent Obrázok v stĺpci s textom (2stĺpce so šírkou 1200px) je nasledovný:


 

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Donec eleifend diam quis lectus pulvinar commodo. Sed aliquam metus eu leo laoreet viverra. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eleifend diam quis lectus pulvinar commodo. Sed aliquam metus eu leo laoreet viverra. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eleifend diam quis lectus pulvinar commodo. Sed aliquam metus eu leo laoreet viverra.

 

 

 

e/ pás na celú šírku stránky s obrázkom v pozadí a vloženým textom - vložíte komponent panel, ktorému určíte nasledovné vlastnosti:

  • riadok "Šírka panelu [px]" v nastaveniach panelu ostane nevyplnený resp. mu priamo určíte 1920px, ktoré je pre full-HD zobrazovanie
  • v riadku Obrázok: nalistujete obrázok z centrálneho úložiska súborov
  • zmažete ilustratívny text panelu a do farebného pásu vložíte komponent napr. Cenník
  • zmeny uložiť kliknutím pravého tlačítka myši - Uložiť


Príklad zobrazenia panelu s obrázkom v pozadí a šírkou 1920px, v ktorom je komponent Cenník so šírkou 1000px je nasledovný:


Price List


Hot Drinks

Espresso Ristretto ... € 5,90
(7 g coffee, 10 g sugar)

Espresso Normale ... € 5,90
(7 g coffee, 10 g sugar)

Turkish coffee ... € 8,90
(7 g coffee, 10 g sugar)

Espresso Macchiatto ... € 5,90
(7 g coffee, 10 g sugar, milk foam)


Non Alcoholic Drinks

Strawberry Lemonade ... € 5,90
(your own text about the drink )

Classic Lemonade ... € 5,90
(your own text about the drink your own text about the drink)

Classic Mojito ... € 8,90
(your own text about the drink )

Passion Fruit Mojito ... € 5,90
(your own text about the drink your own text about the drink)

  

 

 

 

 

Môžeme vám poradiť?

Nápoveda

Nápoveda


Odporúčané postupy pri vytváraní obsahu
web stránky / internetového obchodu

 

« nápoveda »

Zákaznícka podpora

Zákaznícka podpora


V prípade akýchkoľvek otázok nás kontaktujte:
Pondelok-Piatok 9:00-16:00

 

tel: 02 2030 0298
e-mail: #info

 

 

 

CLICKESHOP

KONTAKTOBCHODNÉ PODMIENKY
REFERENCIEPARTNERSKÝ PROGRAM

 

 

 

 

 

 

ClickEshop on Facebook Facebook

NAŠE SLUŽBY

KORPORÁTNA IDENTITAŠKOLENIA A KURZYSEO A ONLINE MARKETING

ZÁKAZNÍCKA PODPORA

V prípade akýchkoľvek otázok nás neváhajte kontaktovať vyplnením nasledovného formulára

 

 


clickeshop.com • clickeshop.de • clickeshop.cz • clickeshop.sk

Copyright © 2006 - 2023 clickeshop.sk, All rights reserved