As you know, designers pretty like to complicate life for programmers and frontend-developers. So once I saw some Prestashop theme design where a whishlist was displayed on a category page with products. But as you know, the default theme does not provide these options. Therefore, today’s article will describe how to add a whishlist to a category page. (more…)
We are starting a new topic in the blog, which is called ‘’Our Works”. In this topic we are going to cover the most interesting and complex projects we have accomplished. It will give you understanding of our experience, skills and ways of how we prefer to perform miscellaneous tasks.
So first example of our work that we would like to share with you is Danish online supermarket that specializes in selling all types of goods, starting from kitchenware, clothes and up to perfume and jewelry – Salling.dk.
Despite huge amount of available items the design of the site allows you easily find the necessary goods with a few clicks: the main menu is supplied with additional advanced dropdown list that shows all categories and their subcategories with pictures.
The menu based on our “Dropdown Menu” module, which is pretty much customized, and now it has an ability to add custom html content. For page loading we applied Lazy Load plugin (delay loading of images, until user scrolls to them) , which makes the process much faster and helps to reduce server load. We added Recommended Products, that are displayed in reliance on the most popular and top-selling products. And of course we paid a lot attention to the appearance of the website on the mobile devices.
We applied customized Filtering module and made automatic sorting of the products by availability to buy online, in the store, and out of stock. Each subcategory page includes clickable breadcrumbs that you can use for quick switch to any previous section or back to the homepage.
It took pretty much time to integrate Sphinx search engine, but the results are worth it. All queries run directly to Sphinx, without Prestashop core loading.
Ajax shopping cart will let you view and manage all your items in the cart without leaving the current page. Additionally we applied improved Cart Rules to manage quantity of vouchers depending on an order amount.
We developed special design for checkout page, to encourage customers finish the checkout process easily. All distractions were removed, as well as footer and side blocks, and we left only 3 Steps: Address, Delivery and Payment. All these improvements simplify the checkout process and allows complete it less than in 1 minute.
Due to the large number of CMS pages, we created a menu for easy and fast navigation.
Due to the fact that almost half of all visitors uses mobile devices to look through the website, it was very important to make responsive design. Whatever device you use, it will look amazing and convenient for navigation.
A great work on the Salling.dk backend has been done. Integration with 3rd parties, optimization , modules customization and much more. We can not tell you about all improvements that were implemented, but let’s take a look at couple of them:
We used Redis for caching to speed up Prestashop pages loading. So let us explain how does it work:
When the first time Prestashop page is loaded, a database query is performing on the server. Redis caches this query and when another user loads the Prestashop page the results are provided from Redis and from memory without needing to query the database.
We used Nginx web server. It allows to deliver large amounts of static content quickly with effective use of system resources. Nginx uses an asynchronous event-driven model which provides more predictable performance under load. Rather than using the embedded interpreter approach, Nginx hands off dynamic content to CGI, FastCGI, or even other web servers like Apache, which is then passed back to Nginx for delivery to the client.
We used CDN, Google Pagespeed, and Gearmen.
With the purpose of tightly integrating processes within an enterprise ERP integration has been performed. The data import is carried out daily.