Datafeedr Support Forums

Datafeedr Support Forums (http://www.datafeedr.com/forums/index.php)
-   Questions (http://www.datafeedr.com/forums/forumdisplay.php?f=67)
-   -   add buy button next to detail button (http://www.datafeedr.com/forums/showthread.php?t=11499)

yankeestonk January 31st, 2015 03:00 PM

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) -->


Eric February 1st, 2015 10:18 AM

Try adding this:
HTML Code:

<a href="[product.url]" class="dfbutton dfgreen dfmedium dfrounded" title="View details of [product.name]">buy it now</a>
Below this line:
HTML Code:

<a href="[product.link]" class="dfbutton dfgreen dfmedium dfrounded" title="View details of [product.name]">Details</a>


All times are GMT -5. The time now is 12:19 PM.

Powered by vBulletin® Version 3.6.8
Copyright ©2000 - 2020, Jelsoft Enterprises Ltd.