Šablona nákupní rádce

Průvodce je koncipovaný jako článek zařazený do struktury webu. Obecně se rádce skládá z rozcestníku na testu zde https://www.kulinagroup.cz/blog/ a konkrtétního rádce např. https://www.kulinagroup.cz/blog/test-sablona/ Pro stylizaci článků rádce je připravena HTML šablona, která obsahuje všechny nadefinované komponenty. Grafické prvky (obrázky) musí být optimalizované pro web tzn. poměr stran 3:2 a velikost max. 100 kB. VŠECHNY GRAFICKÉ PRVKY je nutné nejdříve nahrát na ftp konkrétního projektu. Přidání rádce Rádce (článek) vkládáme přes administraci konkrétního projektu VZHLED A OBSAH- články- záložka BLOG- přidat článek V dalších je nutné vyplnit: Název - název článku, z něm bude vytvořena URL a název v horním banneru Obrázek - nahrát obrázek pro horní menu- v dolní části Zdrojový kód- v záložce nástroje otevřít okno Zdrojový kód a tam nakopírovat připravený HTML. ULOŽIT Na další záložce Pokročilé vyplnit údaje pro vyhledávače Název (tag "title") Popis (meta tag "description") Nahrání grafiky do projektu Všechny soubory, které chci vkládat do rádce je nutné nejdříve nahrát do souborového manažera konkrétního shoptetu. Tím vznikne jednotná URL ahrání grafiky pro HTML šablonu do shoptetu, tím vznikne odkaz pro šablonu ve tvaru /user/documents/upload/grafika_radce/nazev_souboru.jpg VZHLED A OBSAH- Správce souborů- vybrat složku grafika_radce- copy nebo drag-drop přidat obrázky hlavička článku se přidává při založení článku viz. přidání rádce Úprava BLOKŮ (HTML šablony) postup: otevřít apku poznámkový blok a nakopírovat do něj tu část (blok), který chci upravovat upravit části šablony (bloku) viz. dále copy- paste z poznámkového bloku vložit do zdrojového kódu článku Moduly se musí vložit jako celek- ohraničené jsou od

DLAŽDICE POD HLAVIČKOU 3

Blok DOPORUČENÍ s fotografií FOTO VLEVO

tmp

Pan cuketka doporučuje

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas consequat mauris libero, eget viverra augue sollicitudin sit amet. Proin arcu dolor, euismod a vestibulum id, ullamcorper sed risus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam gravida vestibulum nulla, a volutpat tellus sodales dapibus.

Blok DOPORUČENÍ s fotografií FOTO VPRAVO

Cuketka

Pan cuketka doporučuje

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas consequat mauris libero, eget viverra augue sollicitudin sit amet. Proin arcu dolor, euismod a vestibulum id, ullamcorper sed risus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam gravida vestibulum nulla, a volutpat tellus sodales dapibus.

Textový blok přes celou šířku stránky

Textový blok dva sloupce- nadpis H2 a H3

Nadpis druhé kategorie

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas consequat mauris libero, eget viverra augue sollicitudin sit amet. Proin arcu dolor, euismod a vestibulum id, ullamcorper sed risus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam gravida vestibulum nulla, a volutpat tellus sodales dapibus.

Nadpis třetí kategorie

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Maecenas consequat mauris libero, eget viverra augue sollicitudin sit amet.
  • Proin arcu dolor, euismod a vestibulum id, ullamcorper sed risus.

Nadpis čtvrté kategorie

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas consequat mauris libero, eget viverra augue sollicitudin sit amet. Proin arcu dolor, euismod a vestibulum id, ullamcorper sed risus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam gravida vestibulum nulla, a volutpat tellus sodales dapibus.

Nadpis páté kategorie
  1. Lorem ipsum dolor sit amet, consectetur adipiscing.
  2. Maecenas consequat mauris libero, eget.
  3. Proin arcu dolor, euismod a vestibulum id.

Textový blok s obrázkem VPRAVO

Nadpis blok s obrázkem VPRAVO

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas consequat mauris libero, eget viverra augue sollicitudin sit amet. Proin arcu dolor, euismod a vestibulum id, ullamcorper sed risus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam gravida vestibulum nulla, a volutpat tellus sodales dapibus.

Nadpis blok s obrázkem VPRAVO

Textový blok s obrázkem VLEVO

Nadpis blok s obrázkem VLEVO

Nadpis blok s obrázkem VLEVO

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas consequat mauris libero, eget viverra augue sollicitudin sit amet. Proin arcu dolor, euismod a vestibulum id, ullamcorper sed risus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam gravida vestibulum nulla, a volutpat tellus sodales dapibus.

Blok OBRÁZEK přes celou šířku

Blok OBRÁZEK přes celou šířku

Textový blok video VPRAVO

Textový blok video VPRAVO

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas consequat mauris libero, eget viverra augue sollicitudin sit amet. Proin arcu dolor, euismod a vestibulum id, ullamcorper sed risus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam gravida vestibulum nulla, a volutpat tellus sodales dapibus.

Textový blok video VLEVO

Textový blok video VLEVO

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas consequat mauris libero, eget viverra augue sollicitudin sit amet. Proin arcu dolor, euismod a vestibulum id, ullamcorper sed risus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam gravida vestibulum nulla, a volutpat tellus sodales dapibus.

Blok VIDEO přes celou šířku

Blok odkazů na produkty/subkategorie 3

Nadpis Blok odkazů na produkty/subkategorie 3

Nadpis produktu 1

Nadpis produktu 1

Lorem ipsum dolor sit amet.

Prohlédnout

Nadpis produktu 2

Nadpis produktu 2

Lorem ipsum dolor sit amet.

Prohlédnout

Nadpis produktu 3

Nadpis produktu 3

Lorem ipsum dolor sit amet.

Prohlédnout

Blok odkazů na produkty/subkategorie 4

Nadpis Blok odkazů na produkty/subkategorie 4

Nadpis produktu 1

Nadpis produktu 1

Lorem ipsum dolor sit amet.

Prohlédnout

Nadpis produktu 2

Nadpis produktu 2

Lorem ipsum dolor sit amet.

Prohlédnout

Nadpis produktu 3

Nadpis produktu 3

Lorem ipsum dolor sit amet.

Prohlédnout

Nadpis produktu 4

Nadpis produktu 4

Lorem ipsum dolor sit amet.

Prohlédnout

Blok PLUSY a MÍNUSY

Plusy a mínusy

Plusy

  • Lorem ipsum dolor sit amet, consectetur adipiscing.
  • Maecenas consequat mauris libero, eget.
  • Proin arcu dolor.
  • Euismod a vestibulum id.
  • Lorem ipsum dolor sit amet.

Mínusy

  • Lorem ipsum dolor sit amet, consectetur adipiscing.
  • Maecenas consequat mauris libero, eget.
  • Proin arcu dolor.
  • Euismod a vestibulum id.
  • Lorem ipsum dolor sit amet.

Blok List parametrů

List parametrů

Název parametru

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Maecenas consequat mauris libero, eget viverra augue sollicitudin sit amet.
  • Proin arcu dolor, euismod a vestibulum id, ullamcorper sed risus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas consequat mauris libero, eget viverra augue sollicitudin sit amet. Proin arcu dolor, euismod a vestibulum id, ullamcorper sed risus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam gravida vestibulum nulla, a volutpat tellus sodales dapibus.

Název parametru

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Maecenas consequat mauris libero, eget viverra augue sollicitudin sit amet.
  • Proin arcu dolor, euismod a vestibulum id, ullamcorper sed risus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas consequat mauris libero, eget viverra augue sollicitudin sit amet. Proin arcu dolor, euismod a vestibulum id, ullamcorper sed risus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam gravida vestibulum nulla, a volutpat tellus sodales dapibus.

Název parametru

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Maecenas consequat mauris libero, eget viverra augue sollicitudin sit amet.
  • Proin arcu dolor, euismod a vestibulum id, ullamcorper sed risus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas consequat mauris libero, eget viverra augue sollicitudin sit amet. Proin arcu dolor, euismod a vestibulum id, ullamcorper sed risus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam gravida vestibulum nulla, a volutpat tellus sodales dapibus.

Název parametru

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Maecenas consequat mauris libero, eget viverra augue sollicitudin sit amet.
  • Proin arcu dolor, euismod a vestibulum id, ullamcorper sed risus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas consequat mauris libero, eget viverra augue sollicitudin sit amet. Proin arcu dolor, euismod a vestibulum id, ullamcorper sed risus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam gravida vestibulum nulla, a volutpat tellus sodales dapibus.

Blok List parametrů s větou

List parametrů s větou

Název parametru

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Maecenas consequat mauris libero, eget viverra augue sollicitudin sit amet.
  • Proin arcu dolor, euismod a vestibulum id, ullamcorper sed risus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas consequat mauris libero, eget viverra augue sollicitudin sit amet. Proin arcu dolor, euismod a vestibulum id, ullamcorper sed risus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam gravida vestibulum nulla, a volutpat tellus sodales dapibus.

Název parametru

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Maecenas consequat mauris libero, eget viverra augue sollicitudin sit amet.
  • Proin arcu dolor, euismod a vestibulum id, ullamcorper sed risus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas consequat mauris libero, eget viverra augue sollicitudin sit amet. Proin arcu dolor, euismod a vestibulum id, ullamcorper sed risus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam gravida vestibulum nulla, a volutpat tellus sodales dapibus.

Název parametru

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Maecenas consequat mauris libero, eget viverra augue sollicitudin sit amet.
  • Proin arcu dolor, euismod a vestibulum id, ullamcorper sed risus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas consequat mauris libero, eget viverra augue sollicitudin sit amet. Proin arcu dolor, euismod a vestibulum id, ullamcorper sed risus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam gravida vestibulum nulla, a volutpat tellus sodales dapibus.

Název parametru

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Maecenas consequat mauris libero, eget viverra augue sollicitudin sit amet.
  • Proin arcu dolor, euismod a vestibulum id, ullamcorper sed risus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas consequat mauris libero, eget viverra augue sollicitudin sit amet. Proin arcu dolor, euismod a vestibulum id, ullamcorper sed risus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam gravida vestibulum nulla, a volutpat tellus sodales dapibus.

 

Název produktu k hodnocení

Test

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Název produktu k hodnocení

Test

Lorem ipsum dolor sit amet, consectetur adipiscing elit.