Enhance WooCommerce Product Page & Checkout

Job ID: 40416270

Budget: $30 – $250 USD

Our WooCommerce site is fully built and live at myarea15labs.com. We need a developer to enhance specific UI components on two pages to match our updated design mockups (screenshots attached).

1. Single Product Page — UI Enhancements:
Image gallery: Restyle to horizontal thumbnail strip with rounded image container and clean hover states
Variation selector: Replace default dropdown with custom card buttons (size options with labels, pricing, "Popular" badges, sold-out grayed states)
Bundle & Save section: Add below variations — radio-style bundle options (1/2/3+ vials) with dynamic price calculation, savings display, and "Most Popular" badge
Add to Cart button: Large branded button with live price display that updates based on selected size + bundle
Trust bar: Green shipping banner + icon row (SSL, Reship, Discreet) below ATC button
Must apply globally to all products via WooCommerce template override or Elementor theme builder

2. Checkout Page — Layout Polish:
Final styling refinements to match reference design
Payment processor integration support (we provide API details)

Tech: WordPress, WooCommerce, Hello Elementor, SiteGround
Status: Site is complete — this is enhancement work only

Timeline: 3–5 days

Please bid only if you have direct WooCommerce template customization experience. Generic proposals will be ignored.
Related categories: PHP WordPress CSS HTML WooCommerce Web Development Elementor Web Design