Datafeedr Support Forums

Datafeedr Support Forums (/index.php)
-   Questions (/forumdisplay.php?f=67)
-   -   Move 'Buy' button and price under the thumbnail (/showthread.php?t=10095)

Mads19 January 14th, 2014 02:41 PM

Move 'Buy' button and price under the thumbnail
 
Hi!

I want to move the 'Buy' button and price under the thumbnail in the 'Product Detail' view and put a border around these two things - like a pricebox :)

I tried a few things with custom css but it failed :/

Also I want to move the thumnail to the right side.

Here is an example:


Eric January 14th, 2014 03:17 PM

Hi,

To change the layout, add this to your Custom CSS:

Code:

#view .sp .rc
{
        margin-right: 230px;
        margin-left: 0px;
        padding-left: 0;
}

#view .sp .lc { float: right; }

To move the button, change your code to this:

HTML Code:

<!-- Single Product -->
<div class="sp">
  <div class="lc">
    <div class="thmb">
      <a href="[product.url direct='0']" title="[product.name]" target="_blank" rel="nofollow">
        [product.image tag='1']
      </a>
    </div>
    <div class="btns">
      <a href="[product.url]" class="dfbutton dforange dflarge" title="Buy this product" target="_blank" rel="nofollow">Buy</a>
    </div>
  </div>
  <div class="rc">
    <h2><a href="[product.url direct='0']" title="[product.name]" target="_blank" rel="nofollow">[product.name]</a></h2>
    <p class="desc">[product.description]</p>
    <div>
      [product.each_tag]<?php if($nn>1){echo ', ';}?><a href="[tag.link]"><?php echo str_replace("-"," ",$tag->name);?></a>[/product.each_tag]
    </div>
    <div class="prc">[product.currency mode="sign"][product.price]</div>
  </div>
  <div class="clearingdiv"> </div>
</div>
<!-- /Single Product -->

Eric

Mads19 January 15th, 2014 04:09 PM

Thanks!

Mads19 January 15th, 2014 04:24 PM

One more thing - i have moved the buy button and the price under the thumbnail but how do I get a border around these two things?

Eric January 15th, 2014 04:38 PM

What's the URL?

Mads19 January 16th, 2014 10:10 AM

Here you go - link

Eric January 16th, 2014 10:17 AM

Hi,

This Custom CSS should work for you:

Code:

#view .sp .prc
{
        padding-top: 5px;
        border: 10px solid red;
        border-bottom: 0;
}

#view .sp .btns
{
        border: 10px solid red;
        border-top: 0;
}

Eric

Mads19 January 16th, 2014 10:48 AM

Wow what a support - thanks again!

Another question: I'm writing unique content on all category pages and product pages but Google haven't indexed any sites yet - can you see anything wrong with the robot settings or anything else?

Eric January 16th, 2014 10:53 AM

Hi,

Yes, I see a problem. Your canonical link is messed up because of a conflict with the Yoast plugin.

I would add the following code to your theme's functions.php file:

PHP Code:

/**
 * This removes the Yoast Wordpress SEO plugin generated canonical links on all Datafeedr store pages.
 */
add_filter'wpseo_canonical''dfr_remove_wpseo_canonical' );  
function 
dfr_remove_wpseo_canonical$canonical ) { 
    if (
is_dfr()) { 
        
$canonical false
    } 
    return 
$canonical


Eric

Mads19 January 16th, 2014 11:35 AM

I have now put the code in the buttom of functions.php file - did it help?

Eric January 16th, 2014 11:44 AM

Hi,

I'm getting this error when I try to connect to your site:
Fejl ved etablering af databaseforbindelse

Eric

Eric January 16th, 2014 11:47 AM

It's working now. The Yoast issue is fixed.

Mads19 January 16th, 2014 11:56 AM

Oh that mean that the connection had failed to the database but the problem seems to be gone now :) But what was the problem with the Yoast plugin exactly?

Eric January 16th, 2014 11:59 AM

Yoast places the wrong canonical link on store pages.


All times are GMT -5. The time now is 01:09 PM.

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