Case Study
Multi Frames Gallery Wall
Project Summary
Developed a new custom gallery walls module for personalized photo frame business, the module allows admin to create a dynamic gallery wall of 1 to 5 frames of different dimensions. The admin can define number of frames, the gap between frames, the size of each frame, the size of inner photo in each frame. The users can browse the gallery wall products and add their custom photos in each of the frames and see in real-time how it will look on a wall.
About Client
One of the leading players in the custom framing industry. They have established them as a powerhouse in Canada and the USA market. With a remarkable legacy of over 40 years, the company has become an integral part of the Canadian community.Â
Client's requirements
- Create Custom Gallery Walls
- Real-Time Virtual Previews
- Frame Design & Variants
- Upload Photo
Technology Used
Fabric.js
Key Features
Create Gallery Wall Products
Admin can create a dynamic gallery wall product with options to customise the number of frames, the frame designs, the gap between frames, the size of each frame, the size of photo area in each of the frames.
Custom Listing Page
Client wanted a very specific design and feature set for the listing page which can allow users to easily browse through different gallery wall products. The notable feature in the listing page is sorting by frame colour, and slideshow on hover, special static blocks which can be edited from Magento admin.
Detail Page & Frame Selection
On the gallery wall detail page the user will be able to view all the details about the products and would be able to select from the available frame designs
Gallery Walls Tool
We designed a custom tool that renders real-time preview of gallery wall products based on configuration selected by the user. The tool gives a visual editor where customers can upload their photo in each frame, and adjust the position and orientation post upload. The tool is also fully mobile responsive, and seamlessly adapts to any screen size.
Other
features
- Dynamic Shipping Rates
- Mobile Responsive
- Minimum Photo Size
- Custom Cart Preview
- Frame previews converted into image.
End Result
