(First post here, cut me some slack please)

There are several approaches to this. The one that is right for your situation is defined by factors such as the amount of detail in the images, other content on the page, and your target platform. For phones, this gets especially hard because you have to keep elements large without bloating up the page.

Generally, you wouldn't use just one method. A commonly used layout is a slideshow like the one you pictured, showcasing the most popular or newest products, with a grid-style list of all (relevant) products below.

My opinion is, you shouldn't limit yourself to doing it either this way or that. Experiment, get feedback. Try to show as much information to the user as possible while keeping the design clean.

For example, a grid of your products with no margins between them with a sidebar for landscape displays and a semi-transparent white overlay on the bottom for portrait displays, in which you can scroll down to see more; clicking on the product's image in the grid causes a mini-page about it to appear in the sidebar. Fresh, clean, and a combination of the slideshow and grid methods.

TL;DR: Think outside the box, represent information above the fold.

TL;DR: Think outside the box, represent information above the fold.

There are several approaches to this. The one that is right for your situation is defined by factors such as the amount of detail in the images, other content on the page, and your target platform. For phones, this gets especially hard because you have to keep elements large without bloating up the page.

Generally, you wouldn't use just one method. A commonly used layout is a slideshow like the one you pictured, showcasing the most popular or newest products, with a grid-style list of all (relevant) products below.

My opinion is, you shouldn't limit yourself to doing it either this way or that. Experiment, get feedback. Try to show as much information to the user as possible while keeping the design clean.

For example, a grid of your products with no margins between them with a sidebar for landscape displays and a semi-transparent white overlay on the bottom for portrait displays, in which you can scroll down to see more; clicking on the product's image in the grid causes a mini-page about it to appear in the sidebar. Fresh, clean, and a combination of the slideshow and grid methods.