Webnode: Funkcia „katalóg“ v súčasnom editore

09.09.2022

V pôvodnom oranžovom editore Webnode fungovali tzv. katalógy. Niektorým pamätníkom chýbajú, preto som pripravila tento článok s postupom, ako si katalóg vytvoriť aj v aktuálnej verzii.

Pozor! Tento návod nie je možné využiť, pokiaľ na projekte využívaš modul Internetový obchod.

1. Budeme vychádzať z funkcie/modulu e-shop. Preto na hornej čiernej lište prejdi do Nastavení a zapni E-shop.

2. V e-shope môžeš vytvárať kategórie produktov, pričom produkty budú suplovať pôvodné položky v katalógu. O cenu, zbytočné tlačidlá a pokročilé nastavenie e-shopu sa teraz nestaraj. 

3. Ponahrávaj do novovzniknutej záložky Produkty svoje položky, texty, obrázky. Vymysli si systém cez kategórie a podkategórie. Uprav vzhľad výpisu produktov cez Nastavenia - Vzhľad - Formuláre a výpisy produktov.

Ak si s obsahom katalógu spokojný, poďme ďalej.

4. Teraz je čas na kódy. Keďže e-shop na webe nebudeš používať, je potrebné skryť z navigácie odkaz do košíka, ceny a tlačidlo pridať do košíka. To zariadime CSS kódom, ktorý sa vkladá do HTML hlavičky webu.

Ak máš balíček Štandard a vyšší, kód vlož do Nastavenia - Nastavenia webu - HTML hlavička.

Ak máš nižší alebo žiadny balíček, bude treba kód vložiť do každej jednej stránky s produktom cez prvok HTML 🤯 Naozaj si nechceš kúpiť Štandard?

Funnguje to tak, že v editore postupne otvoríš každý jeden "produkt" skrz okno s produktami. Tam klikni na 3 bodky a Prejsť na stránku produktu. 

Potom vlož HTML cez malé čierne plus.

Tu je ten kód:

<style>

.item-price.cf, .eshop-detail-price.cf, .eshop-detail-submit.cf, .cart.cf, .product-cart .b-btn-t, .b-e-d-price.cf, .b-e-d-submit.cf, .item-price

{display:none;}

</style>

5. Zmeny publikuj.

Výsledok:

Najnovšie návody pre Webnode

Vylepši svoj web

Favicon je ten malý obrázok alebo ikonka, ktorá sa zobrazuje v hornej lište prehliadača na otvorenom tabe. Je veľmi pravdepodobné, že aktuálne tam vidíš modrý štvorček s bielym wn. Keďže favicon patrí k skvelému nástroju brandingu, bolo by naozaj super vymeniť Webnode logo za svoje, čo myslíš?

Pomohol ti tento návod? Zdieľaj ho!

Nepomohol? Nechaj mi komentár, alebo mi napíš správu. Rada ti poradím.