We’re currently looking for an e-commerce web developer to help us with our Single Product page. We’ve been developing our e-commerce platform on WordPress CMS with the help of Woocommerce and its plugins, but for someone with no experience in coding, we’re facing some issues in achieving some customization on our ‘Single Product’ page. We require an Intermediate/Advanced e-commerce web developer to help us with achieving the desired result for our website. (we need this urgently)
• Customisation and Work Flow-
We need a highly customized product page, so one needs to use variable swatches to achieve the required results. You can check out “ https://www.capesindia.com/products/iphone-13-pro-max-skins-wraps-covers “ the given link for reference and we need something very similar. As you can see that one can use the side menu (navigation drop-down bars) to customize the product and use different swatches in different combinations to make a final purchase. One can also change the color of the device from the dropdown menu (below device image).
We’re unclear about the methods used to achieve these types of results with the variable product as shown in the above link. Is it possible for you to achieve similar results? We don’t mind if you use custom coding to achieve the results instead of using any kind of customized plugin. We just want our results to be perfectly optimized for all sets of browsers and devices.
Here’s the overview of the desired customization we want-
- Variable Swatches - Overlay Swatches - Drop Down Menu Side Bars - Combinations of all to make a final purchase - Optimization for all devices/browsers
• What is our website about? (understand the core)
We have a business of selling gadgets skins/wraps (vinyl cutouts) to provide a new/different rich look to consumer devices along with protection, style, and in-hand feel to enhance customers' experience.
For which we want to showcase a real-time preview (on our website) of how a particular shade/texture of the skin will look on their device after applying, to help consumers choose their favorite shade of skin for their device and make a better purchase decision.
Our website- coatitup.com
• What do we think/observed?
By observing our competitors website we examined- that it looks like there is a base image (of the device) that is locked on the product page, is overlayed by separate cutout renders of the back, camera, and frame which showcases different textures/shades of the material by using swatches. We can provide you with the 3D renders (images) of the base image (of devices) and the overlay cutouts image (of different textures) which are to be placed precisely over the base image, in case you’re aware of the situation.
Terms to see:
Single Product for e-comm platforms Variable Product Swatches Variable Overlay (wrap or skin) above the base (Device) image Web development custom coding, PHP E-commerce Development (wordpress, woocommerce)
[Attaching some screenshots for reference]
In case, you’ve any queries, or you want a better more detailed explanation then we can get in touch via DMs.