Creative Elements 2.10.1 : Introducing Category Page Builder and More

Version 2.10 extends the Creative Elements experience to the Listing Pages of your PrestaShop store, including Category pages, Brand pages, Search results, and custom pages such as Price Drop, New Products, and Best Sellers.

Listing Page Builders

Without doubt, the most awaited feature of the new version is the Category Page Builder. As PrestShop has a wide diversity of listing pages and the category page is one of them, we have developed a system to create interoperability between the different types of listing pages, with reusability in mind.

The advantages of this approach are that you can create a completely custom Category Page if you want, but if you prefer more flexibility, you can create a generic Listing Page that can be used on your Brand Page, Search result page, Best Sales page, Discounts page, or New Products page as well.

These new builders introduce 20 new widgets and a few Dynamic Tags to the existing widgets, helping you create highly flexible and diverse listing pages in PrestaShop.

To give you a better idea of what this system can do, we've created some category pages where you can try out the different features.

Creating Enhanced Category Pages

Let's dive into an example using the Electro template pack.

On the left-hand side, you'll notice two double sliders for price and weight filtering, giving you precise control over your search parameters. Additionally, the color picker filter features a sleek inline layout with rounded selectors, creating a smooth browsing experience.

We've implemented a unique color recognition system that distinguishes between light and dark shades, allowing you to assign different checkmark colors as needed. Customize your filters to automatically expand upon page load, so visitors can easily refine their search criteria.

For tablets and mobile devices, the filter system seamlessly transitions into a convenient sidebar format, accessible via a toggle button for easier navigation. Active filters are prominently displayed above the product list, fully customizable to match your brand aesthetic. On mobile devices, scroll functionality is available to optimize screen space and enhance user experience.

In our next example, we'll delve into the Furniture template pack's category page, similar in structure to the Electro category page, but with key differences.

At the top, a dynamic subcategory grid makes navigation easier for stores with diverse product ranges. Beneath lies a customizable category description section, allowing you to display tailored information for each category.

Rather than traditional pagination, a convenient "Load More" button awaits below the product list, making product browsing easier. Alternatively, the "Infinite Scroll" feature continuously loads additional products as customers scroll down the page.

For more detailed information about the features, please visit the Category Page Builder page.

Product Page Improvements

We’re introducing several new features designed to improve your product pages.

First up, we're introducing Product Variation with product images. You can now easily showcase the different color variations of your products with the corresponding images instead of just the color shades, giving customers a clearer view of available options.

Enhancing customization options, we've introduced a versatile "Product Customization Widget." This widget empowers customers to personalize products according to their preferences, making the shopping experience more interactive.

We've made some handy improvements to the Product Images widget as well. Now, you can scroll through thumbnail images using your mouse-wheel. Plus, on mobile, you can choose to hide the thumbnails, saving space and making browsing easier.

According to EU regulations, the unit price must be displayed for certain product types. This is now supported in the Product Price widget.

Another notable improvement is the ability to create lightbox groups, allowing you to showcase images from different widgets in a unified, easily navigable lightbox gallery.

With these upgrades, creating engaging and user-friendly product pages is simpler than ever. Elevate your online store and provide customers with an enhanced shopping journey they'll love.

Image Gallery Revamp

Among many other things, the Image Gallery widget has been completely redesigned, allowing you to create more flexible and advanced layouts. In addition to labels, you now have the possibility to add extra descriptions in the redesigned widget. A lot of animations have also been added to the widget to make your content more dynamic. If you've been using a call-to-action widget on your main page to display your categories or collections, you may want to consider using this new Image Gallery widget, as it helps simplify your DOM and improves mobile performance thanks to the new Overflow Scrolling parameter.

Take a look at some example layouts below:

Sample sub-category with overlay

Backdrop Filter feature for elements background

You can now use the backdrop-filter CSS property on all elements, including sections, columns and widgets, that have a background. This property is also used to create the header at the top of this page, which creates a transparent frosted glass effect. If the image behind a text layer is too detailed, you can use it to improve readability.

AIR

-20%

Buy now

How to Update?

Creative Elements v2.10.1 is available now. You can update directly via your module manager to take advantage of these new features immediately. The update process handles everything automatically, so you can get back to building straight away.

Build smarter listings. Improve navigation. Increase conversions.