html - Formatting div in partials using bootstrap -
total newb question: i've created partial calling 3 of same div per row. div dynamic tho feel shouldn't have repeat same code 3 times. how can condense loops?
product index
<div class="container"> <%= render 'products/product' %> </div>
product partial
<div class="row"> <h2 class="text-center">products</h2> <% @products.each |category, products| %> <h3><%= category.name %></h3> <% products.each |product| %> <div class="col-md-4"> <div class="thumbnail"> <%= image_tag product.default_image.path %> </div> <div class="caption"> <h4><%= link_to product.name, product_path(product.permalink) %></h4> <p><%= product.short_description %></p> <p><b>price:</b> <%= number_to_currency product.price %></p> <p><a href="#" class="btn btn-primary" role="button">button</a> <a href="#" class="btn btn-default" role="button">button</a></p> </div></div> <div class="col-md-4"> <div class="thumbnail"> <%= image_tag product.default_image.path %> <div class="caption"> <h4><%= link_to product.name, product_path(product.permalink) %></h4> <p><%= product.short_description %></p> <p><b>price:</b> <%= number_to_currency product.price %></p> <p><a href="#" class="btn btn-primary" role="button">button</a> <a href="#" class="btn btn-default" role="button">button</a></p> </div></div> <div class="col-md-4"> <div class="thumbnail"> <%= image_tag product.default_image.path %> <div class="caption"> <h4><%= link_to product.name, product_path(product.permalink) %></h4> <p><%= product.short_description %></p> <p><b>price:</b> <%= number_to_currency product.price %></p> <p><a href="#" class="btn btn-primary" role="button">button</a> <a href="#" class="btn btn-default" role="button">button</a></p> </div></div> <% end %> </div> <% end %>
in index.html.erb:
<h2 class="text-center">products</h2> <%= render @products %>`
then have _product.html.erb
has info 1 product , rails know want do:
<div class="row"> <h3><%= product.category.name %></h3> <div class="col-md-4"> <div class="thumbnail"> <%= image_tag product.default_image.path %> </div> ....
check out: http://guides.rubyonrails.org/layouts_and_rendering.html#using-partials. sub-header: rendering collections
.
Comments
Post a Comment