17

• Image gallery section:
  
  
  Main product image displayed prominently
  
  
  Secondary product images shown as small thumbnails on the side (desktop)
  
  
  Clicking thumbnails changes the main image
  
  
  On mobile, thumbnails appear below the main image or as a horizontal slider
  
  
  
• 
  Product information section:
  
  
  Product title
  
  
  Price (compare-at price if available)
  
  
  Product description
  
  
  Variant selector (size, color, etc.)
  
  
  Quantity selector
  
  
  Add to Cart button
  
  
  

Layout & responsiveness:

• 
  Desktop (PC): Image gallery on one side, product info on the other
  
• 
  Mobile: Stacked layout, fully responsive and touch-friendly
  

Additional features:

• 
  Clean, modern design
  
• 
  Optional badges (Sale / New)
  
• 
  Smooth transitions and hover effects
  

Technical requirements: