[CW 13.2023] New Menu Bar Preset and 2 new Website Templates

:large_blue_diamond: :us: Hey Sitejetters,

It’s Release Wednesday and we brought you some new things:

#1 New Menu Preset: Menu Bar Hamburger

We added a new menu bar preset - and this one is a bit different from all the others because you can fully customize the hamburger menu container! What do we mean by that?

Well, you can drag and drop the new Menu Bar Hamburger into your website - which will then look something like this since the Hamburger icon is enabled for all viewports by default.

When you open the hamburger menu you will see this default design:

As you can see in the Navigator, the new hamburger menu container consists of two containers. For one of the containers we have set up a background image (orange border) and for the second container (green border) we have added a text element with dummy content (pink border) and social media icons. Since we used a text element, the content (aka. menu item names) has to be manually changed and linked to the pages/section of your website. However, you can also replace the default text element with a menu element - which will then automatically create the menu items as usual. This fully depends on the design you want to achieve, e.g. if you want to keep the numbers, you will need to work with the text element.

Going from here you can use the elements and presets from the left sidebar to design the menu as you like. For example, we used the LeHair template to set up this new menu:

…and there are so many more possibilities! You can e.g. switch the containers (which is super easy with the Navigator by the way :wink: ):

Or you can replace the text element with the menu element and get more creative with the other container, e.g. by promoting a certain project and adding contact details.

Now it’s up to you! Check out the new menu in the left sidebar under Header and start customizing your hamburger menu!

#2 New Website Template: FlowerShop

Spring is around the corner and our latest template addition is ready to bloom! The FlowerShop template comes with a dummy store and dummy workshop content to demonstrate the full potential of your local flower stores: https://www.template-flowershop.de.rs/

#3 New Website Template: Wanderlust

This clean and simplistic design allows the website visitor to focus on the colorful and exciting stories and images the world has to offer which makes it the perfect starting point for your next travel blog https://www.template-wanderlust.de.rs/

We have also released some bug fixes and improvements like

  • Various improvements for the text and headline elements, e.g. adding content to the headline element using Ctrl + V now works properly
  • Deleted fonts are no longer visible in the Font Manager
  • It can no longer be scrolled on mobile devices when an overlay is triggered
  • Updates due to new Chrome versions
  • Adjustments to improve the performance of Files

That’s about it for today! If you have feedback, feel free to post it here! :slight_smile:

Have an amazing day!
The Sitejet Team


:large_blue_diamond: :de: Hey Sitejetters,

Heute ist Release-Mittwoch und dieses Mal haben wir die folgenden Updates:

#1 Neues MenĂĽ-Preset: MenĂĽleiste Hamburger

Wir haben ein neues MenĂĽleisten-Preset hinzugefĂĽgt - und dieses Preset ist ein bisschen anders als du es gewohnt bist, denn der Hamburger-MenĂĽ-Container kann individuell von dir designt werden! Was genau meinen wir damit?

Du kannst die neue Menüleiste Hamburger wie gewohnt als Menüleiste auf deiner Website hinzufügen - was dann ungefähr so aussieht, denn das Hamburger Icon ist standardmäßig für alle Viewports aktiviert:

Wenn du dann auf das Hamburger Icon klickst, siehst du dieses Standard-Design:

Wie du im Navigator sehen kannst, besteht der Hamburger-Menü-Container aus zwei Containern. Bei dem ersten Container (orangefarbene Markierung) haben wir standardmäßig ein Dummy-Bild hinterlegt und für den zweiten Container (grüne Markierung) haben wir ein Text-Element mit Dummy-Content (pinke Markierung) und Social Media Icons eingefügt. Da wir ein Text-Element genutzt haben, muss der Content (also die Menüpunkte) manuell angepasst und mit den Seiten/Sections verlinkt werden. Du kannst aber auch das Text-Element löschen und stattdessen ein Menü-Element einfügen, dann werden die Menüpunkte wieder wie gewohnt automatisiert eingefügt. Das hängt ganz davon ab, welches Design du erreichen möchtest, wenn du bspw. die Zahlen vor den Menüpunkten behalten möchtest, dann musst du mit dem Text-Element arbeiten.

Von diesem Design aus, kannst du deiner Kreativität freien Lauf lassen und die Element und Presets auf der linken Sidebar nutzen, um dein Wunsch-Design zu erzielen. In diesem Beispiel haben wir das LeHair Template genutzt und dieses Menü gezaubert:

…aber es gibt noch so viel mehr Möglichkeiten! Du kannst bspw. die Container tauschen - was übrigens mit dem Navigator super einfach geht :wink:

Wie bereits erwähnt, kannst du auch das Text-Element durch das Menü-Element ersetzen und bei dem zweiten Container unterschiedliche Sections schaffen, wo du dann ein bestimmtes Projekt bewerben und deine Kontaktdaten präsentieren kannst.

Jetzt bist du dran! Probiere dich an unserem neuen Hamburger MenĂĽ aus! Du findest in der Header-Kategorie in der linken Sidebar.

#2 Neues Website-Template: FlowerShop

Der Frühling ist nah und unsere neuestes Template ist bereit zu erblühen! Das FlowerShop-Template ist mit einem Dummy-Shop und einer Workshop-Section mit Dummy Content ausgestattet, um das volle Potenzial von Blumenläden zu veranschaulichen: https://www.template-flowershop.de.rs/

#3 Neues Website-Template: Wanderlust

Das schlichte Design dieses Templates erlaubt es den Website-Besuchern sich vollkommen auf die bunten und spannenden Geschichten und Bilder aus der ganzen Welt einzulassen, was unser neues Wanderlust-Template zu einem ausgezeichneten Startpunkt für deinen nächsten Reise-Blog macht: https://www.template-wanderlust.de.rs/

Wir haben außerdem ein paar Bugfixes und Verbesserungen veröffentlicht, wie bspw.

  • Unterschiedliche Verbesserungen an der Ăśberschriften- und Text-Elementen, z.B. sollte das EinfĂĽgen von Content in Ăśberschriften-Element mit Strg + V wieder problemlos funktionieren
  • Gelöschte Schriftarten sind ab sofort nicht mehr im Font Manager zu sehen
  • Es kann nicht mehr auf mobilen Endgeräten gescrollt werden, wenn ein Overlay offen ist
  • Updates aufgrund von neuen Chrome-Versionen
  • Anpassungen fĂĽr Dateien, um die Performance zu verbessern

Das ist es auch schon fĂĽr heute! Wenn du Feedback hast, kannst du es gerne unter diesem Beitrag teilen! :slight_smile:

Schönen Tag noch!
Das Sitejet Team

7 Likes

Schöne nrue Features und Templates. Vielen Dank!
Ist der Flowershop mit ecwid aufgesetzt?

(edit by admin)
:uk: : Nice new features and templates. Thanks a lot!
Is the flowershop set up with ecwid?

1 Like

@Barbara_Bichler

EN: We are happy to hear that :blush: Yes, the store for FlowerShop was set up with Ecwid.

DE: Freut uns zu hören :blush: Ja, der Shop beim FlowerShop Template wurde mit Ecwid erstellt.