Change button position. Help (SOLVED)

[josepmre]

Hi,

 

 

 

I installed the module product query pro and I'd put the button and put it under the cart, You will see that the button is not displayed correctly.

What file I need to edit? What I have to change in this file? Can anyone help?

 

Thank you very much for your help.

 

Prestashop version: 1.4.2.5

 

shop.joieriarovira.com

Edited June 19, 2013 by josepmre (see edit history)

[vekia]

its because there is not place for this button, you should edit css files probably (font-size). Turn on right click button, it's hard to check sources when it is blocked.

[josepmre]

Right click button is on. Thanks for your help.

[vekia]

many thanks, i checked it.

 

this is what you expect:

 

 

?

[josepmre]

yes, this is what I need.

Edited June 18, 2013 by josepmre (see edit history)

[vekia]

in the module tpl file (probably) you've got code with css styles for button #pqp-trigger-wrapper { }

 

add there

1. clear:both;
   
2. padding-top: 15px;
   

the code should looks like:

#pqp-trigger-wrapper {
width: 159px;
height: 44px;
line-height: 44px;
clear: both;
padding-top: 15px;
}

[josepmre]

I can not find where to change these settings. I am a novice user.

[josepmre]

change the file product.tpl without result.

 

Original:

{else}

{literal}

#pqp-trigger-wrapper{width:159px;height:44px;line-height:44px;}/*box height*/

#pqp-overlay-trigger:hover{background-position:0 -44px;}

#pqp-overlay-trigger:focus{background-position:0 -88px;}

{/literal}

modified:

{else}

{literal}

#pqp-trigger-wrapper{width:159px;height:44px;line-height:44px;clear:both;padding-top:30px;}/*box height*/

#pqp-overlay-trigger:hover{background-position:0 -44px;}

#pqp-overlay-trigger:focus{background-position:0 -88px;}

{/literal}

[vekia]

checked your website, still old code appear in the source.

 

try to recompile the theme:

1. preferences > performance
   
2. turn force compile on
   
3. turn cache off
   
4. refresh your product page
   

[josepmre]

Thank you! This was the problem. I would like to stay left-aligned with the add button. Is it possible?

[vekia]

yes it is possible

 

to the same style add new value:

float: left;

 

#pqp-trigger-wrapper {
width: 159px;
height: 44px;
line-height: 44px;
clear: both;
padding-top: 15px;
float:left;
}

[josepmre]

Yes, now is perfect! You're a master!

 

thanks,

 

Josep Ma

[vekia]

you're welcome

 

if you've got any other questions related to this case - feel free to continue discussion here

 

regards