Product Listing

[LeeFoster]

Am I missing something?

I am trying to sort my products by Model number but it's not showing on the product listing page and I can't see how to turn it on.

I'm also trying to change it to show 3 in a row not the current 4.

[ReneH4]

Admin > Configuration > Product Listing > Products per Row

Products Per Row
How many products should display per Row per viewport? Default: XS 2, SM 3, MD and above 4

I'm also trying to change it to show 3 in a row not the current 4.

[LeeFoster]

Admin > Configuration > Product Listing > Products per Row

Products Per Row
How many products should display per Row per viewport? Default: XS 2, SM 3, MD and above 4

I'm also trying to change it to show 3 in a row not the current 4.

Yeah I found it in the end. Need to work out how to add white background to make all the images appear the same height now.

See here for an example - http://witchwindgames.atwebpages.com/in ... ?cPath=6_5

[ReneH4]

How very nice the Modal popup looks after adding a product! Well done Lee!

[Omar_one]

Need to work out how to add white background to make all the images appear the same height now.

You can use KissIT Image Thumbnailer
app.php/addons/free_addon/kissit_image_thumbnailer/

Or you can add some stylish to user.css ( this will not add white background to the images , but it make the images appear the same heigh)

Code: Select all

.card-img-top {
    object-fit: cover;
}
  /* Small devices (landscape phones, 576px and up) */
  @media (min-width: 576px) {
    .card-img-top {
        height: 19vw;
    }
  }
  /* Medium devices (tablets, 768px and up) */
  @media (min-width: 768px) {
    .card-img-top {
        height: 16vw;
    }
  }
  /* Large devices (desktops, 992px and up) */
  @media (min-width: 992px) {
    .card-img-top {
        height: 11vw;
    }
  }
  /* Extra large devices (large desktops, 1200px and up) */
  @media (min-width: 992px) {
    .card-img-top {
        height: 19vw;
    }
  }

[heatherbell]

Need to work out how to add white background to make all the images appear the same height now.

Personally, we use image software to create and optimise our images and start with the same size square background/canvas when creating the images to ensure they are all same size.

[LeeFoster]

Need to work out how to add white background to make all the images appear the same height now.

Personally, we use image software to create and optimise our images and start with the same size square background/canvas when creating the images to ensure they are all same size.

As do I but this website is for someone else.