Redesign and customize a Shopify product page
🌟 Product page redesign and customization
🌟 Small customizations to theme
🌟 App customizations
Glow Skincare had requested a consoltation on the product page of their site.
The client was wanting a cleaner, more user-friendly product page. Upon review, it was determined that the three column page could be causing some issue with content not being seen. The review section was also moved into one of the smaller columns causing the user to scroll endlessly to reach the bottom of the reviews.
The proposed layout was to adjust from three columns down to two coloumns. The reviews were also proposed to move out of the columns so the content could be more visable.
The theme customizer in Shopify was not setup to make these adjustments. Instead changes to the codes needed to be made. The HTML structure and the CSS were adjusted in the product theme template to provide the desired layout.
The product reviews were displayed through an app. The app interface was checked first to make sure the display issue was not due to the settings within the app. After inspecting the settings, it was determined that all the issues were not just in the app. Additional changes to the code needed to be made.
The end result with the layout ended out being much cleaner and provides a better flow for the user. The images of the product is on the left and all the information about the product is on the right. The reviews are in a larger format to allow the content to be seen easier.
Small customizations and edits were made to the page. These included: