View Single Post
  #1  
Old January 31st, 2015, 03:00 PM
yankeestonk yankeestonk is offline
 
Join Date: Jun 2013
Posts: 605
Default add buy button next to detail button

Hi,

I want to add an orange "buy" button next to or below the "detail" button on our product category page results. Like on this page. http://saveongolf.net/store/category/golf-bags/

so I want both the green "details" button and a "buy it now" button.

Can you show me what code to put into the existing code in the product category default below?

HTML Code:
<div class="dffltrs">
  <form method="get">
    <span class="dflside">
      Products per page:
      <?php echo datafeedr_tools()->form_select("ppp",
        array(
        "12" => "12",
        "18" => "18",
        "36" => "36",
        "54" => "54",
        )); ?>
    </span>
    <span class="dfrside">
      Sort by:
      <?php echo datafeedr_tools()->form_select("sort",
        array(
          "-views" => "Views (high to low)",
         "views" => "Views (low to high)",                   
        "sprice"   => "Price (low to high)",
        "-sprice"   => "Price (high to low)",
        "name"     => "Product Name (a - z)",
        "-name"   => "Product Name (z - a)",
          "random"   => "Random",
        )); ?>
      <input type="submit" value="Go" class="dfsbmt" />
    </span>
    <div class="clearingdiv">&nbsp;</div>
  </form>
</div>





<!-- Pagination Links (Top) -->
<div class="pgr">
  Pages:
  [pager.first text='<img src="[server.plugin_url]/first.gif" alt="first page" />' alt='']
  [pager.prev text='<img src="[server.plugin_url]/prev.gif" alt="prev page" />' alt='']
  [pager.pages delim=' ']
  [pager.next text='<img src="[server.plugin_url]/next.gif" alt="next page" />' alt='']
  [pager.last text='<img src="[server.plugin_url]/last.gif" alt="last page" />' alt='']
</div>
<!-- /Pagination Links (Top) -->


<!-- Product List -->
   <ul class="products grid">
<div class="pl">
  [product.each]
  <div class="t1 col3">
  <div class="bdr">
    <h2><a href="[product.link]" title="[product.name]">[product.name]</a></h2>
    <div class="thmb"><a href="[product.link]" title="[product.name]">[product.thumbnail tag='1']</a></div>   
    
    
    <?php if ($product->saleprice > 0 &&  $product->saleprice < $product->price) { ?>
  <div class="prc">
    <small>
      <span style="text-decoration: line-through;">[product.currency mode='sign'][product.price]</span>
      <span style="font-weight: bold; color:red;">[product.currency mode='sign'][product.saleprice]</span>
    </small>
  </div>
<?php } else { ?>
  <div class="prc">
    <small>
      [product.currency mode='sign'][product.price]
    </small>
  </div>    
<?php } ?>
    <p class="desc">[product.description]</p>
    <div class="logo">[product.merchant_logo]</div>
    <div class="btns">
    <?php if ( $product->compset_status > 0 ) : ?>
  <a href="[product.link]" class="dfbutton dforange dfmedium dfrounded" title="Find the best price for [product.name]">Compare Prices</a>
<?php else : ?>
  <a href="[product.link]" class="dfbutton dfgreen dfmedium dfrounded" title="View details of [product.name]">Details</a>
<?php endif; ?>
    </div>
    <div class="clearingdiv"> </div>
  </div>
  </div>
  [/product.each]
  <div class="clearingdiv"> </div>
</div>
</ul>
<!-- /Product List -->


<!-- Pagination Links (Bottom) -->
<div class="pgr">
  Pages:
  [pager.first text='<img src="[server.plugin_url]/first.gif" alt="first page" />' alt='']
  [pager.prev text='<img src="[server.plugin_url]/prev.gif" alt="prev page" />' alt='']
  [pager.pages delim=' ']
  [pager.next text='<img src="[server.plugin_url]/next.gif" alt="next page" />' alt='']
  [pager.last text='<img src="[server.plugin_url]/last.gif" alt="last page" />' alt='']
</div>
<!-- /Pagination Links (Bottom) -->