modificaciones imagens slide

static/src/less/web.less

@@ -798,33 +798,7 @@ a:hover {
 	}
 }
 
-@media only screen and (max-device-width:767px) and (orientation:portrait) {
-.cs-product {
-	display: inline-block;
-	width: 345px !important; 
-
-	.pwp-img {
-		height: 518px;
-		width: 345px;
 
-		>a {
-			img {
-				max-width: 100%;
-				height: auto;
-				position: absolute;
-				top: 0;
-				right: 0;
-				left: 0;
-				bottom: 0;
-				margin: 0;
-				max-height: 100vh;
-				width:100%;
-			}
-		}
-		
-	}
-}
-}
 
 
 
@@ -3543,4 +3517,44 @@ white-space: nowrap;
 }
 
 
+/*Personalizado Modificado a medida*/
+
+
+@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (min-device-aspect-ratio:768/1024) and (orientation:landscape) {
+	.cs-product { display: inline-block; width: 226px !important;
+		.pwp-img { height: 335px !important; width: 226px !important;
+			>a { img { max-height: 100vh; }
+			}
+		}
+	}
+}
+
+
+
+@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (min-device-aspect-ratio:768/1024)  and (orientation:portrait) {
+	.cs-product { display: inline-block; width: 236px !important;
+		.pwp-img { height: 352px !important; width: 236px !important;
+			>a { img { max-width: 100%; height: auto; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: 0; max-height: 100vh; width: 100%; }
+			}
+		}
+	}
+}
+
+
+
+
+@media only screen and (min-width:375px) and (max-width:667px) and (aspect-ratio:375/667) and (orientation:portrait) {
+	.cs-product { display: inline-block; width: 345px !important;
+		.pwp-img { height: 518px !important; width: 345px !important;
+			>a { img { max-width: 100%; height: auto; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: 0; max-height: 100vh; width: 100%; }
+			}
+		}
+	}
+}
+
+
+@media only screen and (min-device-width:530px) and (max-device-width:767px) and (orientation:landscape) {
+	.col-xxs-4 { width: 33.33333333% !important; }
+	.col-xxs-6 { width: 50% !important }
 
+}

views/theme.xml

@@ -879,13 +879,13 @@
 						<t t-as="td_product" t-foreach="tr_product">
 							<t t-if="td_product">
 								<t t-set="product" t-value="td_product['product']"/>
-								<div class="col-md-6 col-sm-6 list-items" t-if="website.product_display_grid == '2'">
+								<div class="col-md-6 col-sm-6 col-xm-12 col-xxs-4 list-items" t-if="website.product_display_grid == '2'">
 									<t t-call="kingfisher_pro.king_pro_products_item"/>
 								</div>
-								<div class="col-md-4 col-sm-6 list-items" t-if="website.product_display_grid == '3'">
+								<div class="col-md-4 col-sm-6 col-xm-12 col-xxs-4 list-items" t-if="website.product_display_grid == '3'">
 									<t t-call="kingfisher_pro.king_pro_products_item"/>
 								</div>
-								<div class="col-md-3 col-sm-6 list-items" t-if="website.product_display_grid == '4'">
+								<div class="col-md-3 col-sm-6 col-xm-12 col-xxs-4 list-items" t-if="website.product_display_grid == '4'">
 									<t t-call="kingfisher_pro.king_pro_products_item"/>
 								</div>
 							</t>