A comprehensive Shopify store improvement project for BodyBuilding.com.bd, a Bangladesh-based fitness supplements and gym equipment retailer. The work covered header and footer restructuring, social login setup, product page enhancements, SSLCommerz payment integration, contact page setup with map, brand page improvements, homepage banner updates, and multiple rounds of UI refinements across the full store.
BodyBuilding.com.bd — Shopify Store Improvement
Overview
BodyBuilding.com.bd is a Bangladesh-based online retailer specializing in bodybuilding supplements, gym equipment, and sports products. The project involved a wide-ranging set of store improvements across multiple pages and features — from structural header and footer fixes to payment gateway integration, social login setup, product page enhancements, and homepage UI updates — delivered across multiple revision rounds.
The Challenge
The store had accumulated a range of functional and design issues that needed to be addressed systematically. Key challenges included:
- Restructuring the header and footer for correct layout and navigation
- Setting up Google and Facebook social login on the registration and login pages
- Integrating SSLCommerz as a local payment gateway for Bangladesh-based checkout
- Enhancing the product page with a side gallery, sticky add to cart, brand name display, and breadcrumb improvements
- Building a scrollable brand submenu in the navbar and a properly structured brand page
- Embedding a correctly located map on the contact page with updated contact information
- Adding a shop-by-tab filter on the homepage similar to a reference competitor site
- Showing a WhatsApp button on products without a listed price
Scope of Work
Header & Navigation
The header structure was corrected and menu items were updated to include Home, Category, Brand with scrollable submenu, and Contact Us. The brand submenu was made scrollable to accommodate the full brand list. The navbar profile icon was updated to link to the homepage as requested.
Footer
The footer structure was corrected and a TikTok social link was added alongside existing social channels.
Login & Registration
Google and Facebook social login were set up on the login and registration pages. The registration page design was updated to match the client's reference. A My Account page design was selected and applied.
Homepage
Homepage banners were updated with client-provided desktop and mobile versions — a shop now button was made visible and centered, with full responsiveness ensured across breakpoints. A shop-by-tab filter section was added to the homepage modeled after NutritionDepot.com.bd, covering Supplements, Gym Equipment, and Sports categories. Homepage product images were updated with Bangladesh-appropriate visuals.
Product Page
Several product page enhancements were made — a breadcrumb background image was added with margin and border styling, brand name was displayed under the price, the stock bar was removed, a side gallery was implemented, blank additional information tabs were hidden, and sticky add to cart functionality was added. The right-side gallery was kept sticky until all images are viewed. A WhatsApp button was added to display on products that have no listed price.
Brand Page
The brand page was set up using the previous design with brand logos displayed in a clean grid. Each brand links correctly to a filtered product listing showing only that brand's products.
Contact Page
The Contact Us page was rebuilt using the contact-us-v2 template with proper authentication. Updated contact information was applied and a Google Maps iframe was embedded showing the correct business location.
Checkout Page
SSLCommerz was integrated as a payment option for local Bangladesh payments. The checkout page logo was added. A phone number field adjustment was implemented under the email field.
Shop Page
Grid view was enabled on the shop page and a price filter was added. A price filter issue on the products page was identified and resolved.
Key Features
- Social Login — Google and Facebook login/registration integrated
- SSLCommerz Integration — Local Bangladesh payment gateway added to checkout
- Scrollable Brand Submenu — Full brand list accessible via scrollable navbar dropdown
- Product Page Enhancements — Side gallery, sticky add to cart, brand name under price, breadcrumb image, stock bar removal
- WhatsApp Button for Unpriced Products — Automatic WhatsApp CTA shown when no price is listed
- Shop-By-Tab Filter — Homepage category tab filter across Supplements, Gym Equipment, and Sports
- Contact Page with Map — Rebuilt contact page with correct location map embed
- Responsive Banners — Desktop and mobile hero banners updated with visible shop now CTA
- Price Filter on Shop Page — Added and bug-fixed for correct filtering behavior
Result
A significantly improved BodyBuilding.com.bd Shopify store — with a corrected site structure, social login, SSLCommerz payment integration, a fully enhanced product page experience, brand page, contact page, homepage UI updates, and a WhatsApp fallback for unpriced products, delivering a more complete and conversion-ready e-commerce experience for the Bangladesh fitness market.