Fix tile sizing, categories sort

CHANGELOG.md

@@ -15,7 +15,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Fixed problem with cutting image height in category page on 1024px+ screen res - @AdKamil (#3781)
 - Fixed null value of search input - @AdKamil (#3778)
 - Fixed product sorting - @AdKamil (#3785)
-
+- Fixed sorting on category page and product tile sizing - @andrzejewsky (#3817)
 
 ## [1.11.0-rc.2] - 2019.10.31
 

src/themes/default/components/core/ProductTile.vue

@@ -198,14 +198,11 @@ $color-white: color(white);
 
 .product-cover {
   overflow: hidden;
-  max-height: 300px;
+
   &__thumb {
     padding-bottom: calc(143.88% / (164.5 / 100));
     @media screen and (min-width: 768px) {
-      padding-bottom: calc(250% / (276.5 / 100));
-    }
-    @media screen and (min-width: 1024px) {
-      padding-bottom: calc(200% / (276.5 / 100));
+      padding-bottom: calc(300% / (276.5 / 100));
     }
     opacity: 0.8;
     will-change: opacity, transform;

src/themes/default/components/core/SortBy.vue

@@ -41,7 +41,7 @@ export default {
     value: {
       handler () {
         const defaultVariant = this.value && this.value.length ? this.value : products.defaultSortBy.attribute
-        this.sortby = this.sortingVariants.find(variant => variant.id === defaultVariant)
+        this.sortby = this.sortingVariants.find(variant => variant.id.includes(defaultVariant))
       },
       immediate: true
     }