Skip to content

coowinit/bootstrap-product-card-template

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🧱 Bootstrap Product Card Templates

A modern and responsive product card UI system built with Bootstrap 5.


🚀 Versions

Version 1

Classic product card with hover overlay button.

Version 2

Enhanced layout with refined spacing and UI adjustments.

Version 3 (NEW)

  • Bottom gradient overlay
  • Floating price & CTA
  • More premium visual style

✨ Features

  • Responsive grid layout
  • Hover image switch
  • Overlay actions
  • Product badges
  • Pricing display
  • Lazy loading images
  • Clean structure for WooCommerce

🖥️ Demo

After enabling GitHub Pages:

https://coowinit.github.io/bootstrap-product-card-template/

📂 Structure

index.html
version-2.html
version-3.html
assets/

🔌 WooCommerce Ready

Easily replace static content with dynamic PHP.


📄 License

This project is licensed under the MIT License.

About

Modern Bootstrap 5 product card grid with hover image swap, overlay actions, pricing, badges, and responsive layout. Ready for WooCommerce integration.

Topics

Resources

Stars

Watchers

Forks

Packages

 
 
 

Contributors