Product price box placement

[Pagh17]

Hi.

 

Suddenly the product price box on my product pages has changed position. 

It is now below the product description, share buttons and so on. LOOK AT THE PICTURE

 

I would like to move it to the right, so its next to it instead, like it used to be.

 

 

Thanks in advance.

 

 

[tdr170]

Did you recently edit some tpl files or some css files, can you provide a link to the site.

[Pagh17]

Did you recently edit some tpl files or some css files, can you provide a link to the site.

 

 

I did make some minor changes, but I'm pretty sure i changed it back to normal again. 

 

the url is woodtime.dk 

 

I think it might be in a better position now, but i would like to have it back to the normal position (to the right?)

At least when I'm gonna have larger product descriptions, i don't want it to get below product picture height.

[tdr170]

Well it seems as you have chnaged some css settings in the global.css file that have created this issue.

 

First at line 703 you have:

 

.col-sm-4, header .row #header_logo {

    width: 50%; }

 

It should be:

 

.col-sm-4 {

    width: 33.33333%; }

 

here is the result:

 

 

 

 

 

 Now this changes the header logo because you added the logo code, so lets fix that.

 

At line 5794 you have

 

header .row #header_logo {

      padding-top: 0px; }

 

 

Change to 

 

header .row #header_logo {

      padding-top: 0px;width:50% }

 

 

 

Now this fixes the logo but effects the search so now we will fix that, in this case we will edit the blocksearch-top.tpl file

this file is located in  themes/default-bootstrap/modules/blocksearch 

 

at line 26 change  col-sm-4  to  col-sm-6

 

Now do the same for the cart block edit the blockcart.tpl file located here

themes/default-bootstrap/modules/blockcart 

 

at line 26 change  col-sm-4  to  col-sm-6

 

Should be back to this when complete

 

 

That should do it, let me know how it goes and if you need more help just ask.

 

 

 

[Pagh17]

 

Well it seems as you have chnaged some css settings in the global.css file that have created this issue.

 

First at line 703 you have:

 

.col-sm-4, header .row #header_logo {

    width: 50%; }

 

It should be:

 

.col-sm-4 {

    width: 33.33333%; }

 

here is the result:

 

 

Image1.jpg

 

 

 Now this changes the header logo because you added the logo code, so lets fix that.

 

At line 5794 you have

 

header .row #header_logo {

      padding-top: 0px; }

 

 

Change to 

 

header .row #header_logo {

      padding-top: 0px;width:50% }

 

 

 

Now this fixes the logo but effects the search so now we will fix that, in this case we will edit the blocksearch-top.tpl file

this file is located in  themes/default-bootstrap/modules/blocksearch 

 

at line 26 change  col-sm-4  to  col-sm-6

 

Now do the same for the cart block edit the blockcart.tpl file located here

themes/default-bootstrap/modules/blockcart 

 

at line 26 change  col-sm-4  to  col-sm-6

 

Should be back to this when complete

 

Image2.jpg

 

That should do it, let me know how it goes and if you need more help just ask.

 

 

Thank you so much!! Amazing to have people like you helping out, when people like me are getting headaches because we don't know what we are doing 

[Pagh17]

 Sorry. i was maybe a bit too fast.

It looked good to begin with, but now the box and the product description is underneath the product image. How can that be?

[tdr170]

I see it you have a comma not a period at the 33.33333% line also remove the header code as I posted above.

Be sure to remove the , as well after the col-sm-4

Edited April 14, 2016 by tdr170 (see edit history)

[Pagh17]

Thanks so much! Now it works perfectly!

 

Should i just leave the cache to "off" from now on?

[tdr170]

No only turn it off when you edit files, you can turn it back on now.

To improve page load speed you can also enable all the smarty cache.