[ofbiz-plugins] branch release17.12 updated: Fixed: Product summary cards don't have uniform height. (OFBIZ-11910) (#46)

Previous Topic Next Topic
 
classic Classic list List threaded Threaded
1 message Options
Reply | Threaded
Open this post in threaded view
|

[ofbiz-plugins] branch release17.12 updated: Fixed: Product summary cards don't have uniform height. (OFBIZ-11910) (#46)

jleroux@apache.org
This is an automated email from the ASF dual-hosted git repository.

jleroux pushed a commit to branch release17.12
in repository https://gitbox.apache.org/repos/asf/ofbiz-plugins.git


The following commit(s) were added to refs/heads/release17.12 by this push:
     new 819be88  Fixed: Product summary cards don't have uniform height. (OFBIZ-11910) (#46)
819be88 is described below

commit 819be8857066719c374b63f35362557f28fc7f05
Author: Saurabh Dixit <[hidden email]>
AuthorDate: Mon Nov 30 15:09:32 2020 +0530

    Fixed: Product summary cards don't have uniform height. (OFBIZ-11910) (#46)
   
    Done following:
    1. Used bootstrap card-deck to equalize the height/width of all the product summary cards.
   
    Reference:
    https://v4-alpha.getbootstrap.com/components/card/#card-decks
   
    Thanks Guys: Alex Bodnaru for report and suggestion, Saurabh Dixit for the patch, and Daniel Watford for the test
    # Conflicts:
    # ecommerce/template/catalog/ProductSummary.ftl
---
 ecommerce/template/catalog/ProductSummary.ftl | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ecommerce/template/catalog/ProductSummary.ftl b/ecommerce/template/catalog/ProductSummary.ftl
index 9ad06b4..a5f6b36 100644
--- a/ecommerce/template/catalog/ProductSummary.ftl
+++ b/ecommerce/template/catalog/ProductSummary.ftl
@@ -74,7 +74,7 @@ ${variantInfoJavaScript!}
               <#assign productDetailId = "productDetailId"/>
               <#assign productDetailId = productDetailId + product.productId/>
 
-              <div class="col-md-3 products-card">
+              <div class="col-md-4 products-card card-deck">
                 <div class="card text-center">
                   <a href="${productUrl}">
                     <img class="card-img-top" src="<@ofbizContentUrl>${contentPathPrefix!}${smallImageUrl}</@ofbizContentUrl>" alt="Small Image">