Topic: need help with catalog display please!
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!
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 %>
Last edited by fairycakes (2011-04-14 06:43:31)