Generation Z Theme is designed with a focus on UX and UI elements of the young generation, the rising shopping power of the next years. The theme has an option to change color schemes to please the constantly changing next generation tastes. The range of color palettes was selected based on the latest design trends. Tangerine Jam or Island Moth, your online store will stay fabulous all the time. The UX and UI effects consider the behavioral patterns of Gen Zers who prefer to swipe and scroll, a simplified navigation to hope between tabs, impressive banners to get a quick path to promotional campaigns, sharing buttons to engage friends with their preferences. The Generation Z Theme got a functionality to remind about the last actions to the visitor. It also offers a handy tool to quickly view the shopping cart. Designers made a provision in the design template to retain wandering minds of new shoppers with a smart arrangement of elements on the storefront.
Generation Z ensures your site loads faster and converts more on smartphones. It comes out with multiple features tailored for cross-device use (especially mobile), social media sharing (with emphasis on visual content - Instagram). The site navigation elements are accompanied with the icons for better customer experience. The theme has 5 styles: Default, Cherry, Iceland Moss, Light Black, and Tangerine Jam. These styles were designed user-friendly and look awesome on desktop and mobile.
The catalog expands on button click
Product categories display
Our second goal was to give young consumers a cool mobile experience and here our main challenge was to enhance a product search functionality. We implemented a new scrolling pattern: the horizontal scrolling container used to display a set number of products and it wasn’t clear whether there are more products to see if you continue scrolling, now the scroll view prompts that there is more content to see. It does so by showing the product images picking out from the screen edges.
New scroll view container
Setting up the look and feel of the page header with a chosen storefront theme was painful for many CS-Cart store owners due to limited possibilities of page layout block manager – blocks had fixed sizes. They had to request customization services to get the header the way they wanted. For the Gen Z theme, we have a new script that allows blocks of the header to be elastic – for example, when adjusting the size of the logo block, the size of the search bar block adjusts automatically to the changed size of the logo block, and there is no more need to request customization service to do that.
The standard size of the logo block
Enlarged logo block, the search bar block adapts
The theme is compatible with CS-Cart, CS-Cart Ultimate 4.9.0 , 4.10.4 and above.
No posts found