vue-products-grid

vue-products-grid is a responsive Vue component to create a products grid for ecommerce apps.

Fully configurable with different options and reactive with full integration in your template/project (4 events emitted)

Repository

https://github.com/swina/vue-products-grid

Features

  • fully responsive grid ready (CSS) for desktop, laptop, mobile

  • data mapping with your data structure

  • many custom options for visual impact (colors, etc.)

  • fullprice/sale price display

  • sale box option (can be disabled)

  • rating stars included with emit event (can be disabled)

  • 1 configurable HTML toggle button with emit event (i.e. favorite item)

  • 1 configurable HTML button with emit event (i.e. add to cart)

  • 1 clickable area with emit event* HTML injection available for some elements

Demo

Demo