Move 'Buy' button and price under the thumbnail

[Mads19]

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]

Hi,

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

#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:

<!-- 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]

Thanks!

[Mads19]

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]

What's the URL?

[Mads19]

Here you go - link

[Eric]

Hi,

This Custom CSS should work for you:

#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]

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]

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]

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

[Eric]

Hi,

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

Eric

[Eric]

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

[Mads19]

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]

Yoast places the wrong canonical link on store pages.