Topic: displaying products


Ive been following the agile development book trying to build an ecommerce site. Im now trying to fix the css to have the site looking the way i want. From the book the products on the store page just list down in a line one after the other, only one per line. How would i specify that i want five products details in a row, then new line with five more products, and so forth till all products displayed. I guess it would also be good if they all dont fit on one page that there would be a next or something so the rest could be displayed.

the products are Cards so each line/row also Id like to be linked maybe to a category ie birthdays. So all cards in the first row would be birthday cards etc.

second row mite be congratulation cards etc

so ideally id like to have 5/6 images across in a row followed by more underneath.

any ideas appreciated!

Re: displaying products

the code on the store index view is as follows:

<% if notice %>
<p id="notice" ><%= notice %></p>
<% end %>
<h1>Your Pragmatic Catalog</h1>
<% @products.each do |product| %>
<div class="entry" >
<%= image_tag(product.image_url) %>
<div class="price_line" >
<span class="price" ><%= product.price %></span>
<%= button_to 'Add to Cart', line_items_path(:product_id => product),
:remote => true %>
<% end %>