card-list-grid-view v1.0.4
Hello, this is use for product card list or grid view in bigcommerce in category.
How to use
1)' const productView = require('card-list-grid-view'); ' this JS code add in your custom js file at top. this code is use for import card-list-grid-view npm.
For Frontend use 2) go to template> components >category > product-listing.html '< div class="product-view-button"> < a href="javascript:void(0)" class="list-icon">list< /a> < a href="javascript:void(0)" class="grid-icon">grid< /a> </ div>' this code add in your page where you like.
3) You can change name or add svg/image in icon.
4) Remove condition from list and grid view. ss:- https://prnt.sc/zkpb-lbRZeFI
5) Add scss path in your theme.scss '@import "../../node_modules/card-list-grid-view/index.scss";'
6) Now you can use npm