You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today.

Jak vytvořit a spravovat rozvržení pomocí modulu OpenCart „Layout Builder“

Představíme vám jeden z největších modulů obsažených v našich šablonách OpenCart - Layout Builder . Naučíme se vytvářet a spravovat rozvržení pomocí tohoto modulu.

Tento modul umožňuje vytvářet naprosto unikátní rozvržení přidáním požadovaných modulů a použitím přetažení pro jejich řazení v libovolném pořadí. Začněme tvořit s tímto modulem!

  1. Přejděte na kartu Rozšíření > Rozšíření v řídicím panelu OpenCart - na zobrazené obrazovce vyberte v rozevíracím seznamu Typ rozšíření „Moduly“ (u novějších verzí použijte PSoIT > Všechny moduly), aby se zobrazily všechny moduly.
  2. Vyhledejte modul nazvaný Layout Builder . Chcete-li přidat nový modul, klikněte vedle názvu modulu na znak „+“ . Jakmile je hotovo, před vámi se objeví rozhraní Layout Builder.
  3. Při prvním pohledu už můžete říci, že obsahuje více možností a funkčnost je opravdu skvělá. Jedním z nejdůležitějších rysů je, že můžete použít různá rozvržení pro konkrétní zobrazení úložiště - vyberte požadovanou úložiště z rozevíracího seznamu v horní části obrazovky.
  4. Můžete si také vybrat ze čtyř hlavních rozlišení: Širokoúhlé obrazovky , Plocha , Tablety a Telefony . Kromě toho je možné přidávat nové moduly „on-the-fly“ pomocí tlačítka „Modules Manager“ na pravé straně obrazovky - instalovat / vytvářet nové moduly a přidávat je přímo do nového rozložení při pobytu v aplikaci Builder editační rozhraní.
  5. Ve spodní části obrazovky uvidíte velké modré znaménko „+“ - zde můžete přidat nový řádek do rozložení. Jakmile je řádek přidán, budete také moci přidat / odstranit nový sloupec (sloupce) a nakonfigurovat řádek samotným duplikováním / úpravou.
  6. Máte také velkou možnost změnit velikost sloupce (šířku) jednoduše zmenšením / zvětšením šířky sloupce, stejně jako u jakéhokoli otevřeného okna na vašem počítači.
  7. Nyní, když je sloupec přidán a nakonfigurován, můžete k němu přidat požadované moduly klepnutím na tlačítko  „Přidat widget“ - vyberte si ze všech dostupných modulů na přístrojové desce a přidejte požadované moduly do příslušného sloupce. Pokud máte přidány několik sloupců s moduly (widgety), můžete je přetahovat a nastavovat moduly v požadovaném pořadí.
  8. Celkově je rozhraní poměrně intuitivní a při použití nástroje Builder byste neměli mít žádné potíže. Jakmile dokončíte vytváření skvělého rozložení, klepněte na tlačítko „Uložit“ (v případě, že chcete použít změny a ponechat rozhraní Tvůrce) nebo „Uložit a zůstat“ (chcete-li pokračovat v práci se softwarem Tvůrce).

Takže  nyní jste vytvořili své exkluzivní rozvržení s požadovanými moduly nastavenými na konkrétní pozice a nakonfigurované tak, jak se vám líbí.

Jak ale můžete přidat toto rozvržení do určité pozice určité stránky vašeho obchodu? Chystáme se tento proces popsat!
  1. Přejděte na kartu  Návrh -> Rozvržení (Šablony) - zobrazí se seznam všech dostupných rozvržení / stránek, například Domovská stránka, Produkt, Kategorie, Kontakt atd.

    Řekněme, že chcete přidat nedávno vytvořený layout builder na domovskou stránku svého obchodu.
  2. Klikněte na ikonu „Upravit“ vedle názvu Home v rozložení - uvidíte Úvodní strukturu stránky se všemi dostupnými polohami zobrazení a moduly přiřazené k nim.
    Každá pozice má rozevírací seznam se seznamem dostupných modulů a znak „+“ vedle něj přímo pod názvem pozice - zde můžete přidávat konkrétní moduly do příslušných pozic.
  3. Vyhledejte modul Layout Builder ze seznamu a vyberte svůj nově vytvořený modul kliknutím na jeho název.
  4.  Poté klikněte na znak „+“ vedle přidaného modulu a v pravém horním rohu obrazovky vyhledejte ikonu „Uložit“ - kliknutím na ikonu provedete provedené změny.

Takže nyní jste přidali své osobně navržené rozvržení na konkrétní pozici domovské stránky obchodu.

Přejděte na domovskou stránku a vychutnejte si rozvržení, které jste sami navrhli - nepochybujeme, že to vypadá skvěle!

A je to! Naučili jste se, jak vytvářet a spravovat rozvržení pomocí modulu Layout Builder .

Přejeme Vám podařené úpravy v aplikaci Layout Builder!