CIF-2526 - Add add-to-cart button in all product collections (#904)

* updated style templates for productcarousel, productcollection and productlist component
adobe · Mar 11, 2022 · 15955dc · 15955dc
1 parent 94127fb
commit 15955dc
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 0 deletions.
diff --git a/.../archetype/ui.frontend.general/src/main/webpack/components/commerce/_productcarousel.scss b/.../archetype/ui.frontend.general/src/main/webpack/components/commerce/_productcarousel.scss
@@ -1,5 +1,12 @@
 .product__card {}
+.product__card-content {}
+.product__card-actions {}
+.product__card-button {}
+.product__card-button--add-to-cart {}
+.product__card-button--add-to-wish-list {}
+.product__card-button-content {}
 .product__card__image {}
+.product__card-title {}
 .product__image {}
 .productcarousel__btn {}
 .productcarousel__btn--next {}

diff --git a/...rchetype/ui.frontend.general/src/main/webpack/components/commerce/_productcollection.scss b/...rchetype/ui.frontend.general/src/main/webpack/components/commerce/_productcollection.scss
@@ -19,6 +19,11 @@
 .productcollection__items {}
 .productcollection__item {}
 .productcollection__item--staged {}
+.productcollection__item-actions {}
+.productcollection__item-button {}
+.productcollection__item-button--add-to-cart {}
+.productcollection__item-button--add-to-wish-list {}
+.productcollection__item-button-content {}
 .productcollection__item-images {}
 .productcollection__item-image {}
 .productcollection__item-image--placeholder {}
@@ -29,12 +34,17 @@
 .productcollection__sort-title {}
 .productcollection__sort-keys {}
 .productcollection__sort-order {}
+.productcollection__sort-order--asc {}
+.productcollection__sort-order--desc {}
 .productcollection__loadmore-button {}
 .productcollection__loadmore-spinner {}
 .productcollection__pagination {}
 .productcollection__pagination-arrow {}
+.productcollection__pagination-arrow--prev {}
+.productcollection__pagination-arrow--next {}
 .productcollection__pagination-arrow--inactive {}
 .productcollection__pagination-icon {}
+.productcollection__pagination-button {}
 .productcollection__pagination-button--current {}
 .productcollection__pagination-button--inactive {}
 .productcollection__pagination-button-title {}
diff --git a/...main/archetype/ui.frontend.general/src/main/webpack/components/commerce/_productlist.scss b/...main/archetype/ui.frontend.general/src/main/webpack/components/commerce/_productlist.scss
@@ -1,5 +1,7 @@
 .category__root {}
 .category__root--staged {}
+.category__root--noimage {}
+.category__root--notitle {}
 .category__header {}
 .category__image {}
 .category__staged {}