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

Popular posts from this blog

c# - Validate object ID from GET to POST -

node.js - Custom Model Validator SailsJS -

php - Find a regex to take part of Email -