The project involved adding functionality and correcting bugs existing in the 2-year-old online store (since 2021) to provide customers with a better experience when using the website. The project assumed the implementation of functionality in terms of correct operation and changes in some styling elements.
The project is a key element for the client because it improves the platform on which it sells its products. The default store configuration was not sufficient for the seller. Competitive online stores from a given industry had better visual and functional stores.
A new wide container has been created on the home page, allowing you to place a banner larger than the maximum default width of the store container. Image Comparison Slider module added. Additionally, a category graphic module was created and the effect of subsequent modules appearing when scrolling.
Selection through graphic product variants, a product photo sticky to the top when scrolling, a module describing the product and other product data, and effects in the product gallery.
Dynamic menu showing all possible available categories without reloading the page. Ability to expand and collapse menus when subcategories exist
Mega Menu showing all categories and subcategories available in a given category or collection.
Dynamically changing the tab description in the browser after leaving the tab.
Specific sort tab behavior on hover and click.
Using the 'sharp' library, a tool was created to change product photos into compressed, minimized photos with the .webp extension. The program files are located in sharp.js.
The project used JavaScript, jQuery, LESS, Smarty (working on .tpl files), libraries like Sharp, tools such as CyberDuck.