Align buttons in tpl_product_info_display?

How can i change the alignment of the buttons prev Index and next at product info page? I know, i have to edit the tpl_product info display.
But which code should i add? At the moment all three buttons align vertical, how do i change this to horizontal? With Zen 1.26 the layout was ok, but after updating i get these layout problem. Can anybody help please!?

They would be in horizontal. :smile:

It is better to Have the URL for reference and look at the problem.

You are right, please take a look...
http://shop2.em-racing.de/index.php?main_page=product_info&cPath=19&products_id=133

Put the following to your sytlesheet.

.navNextPrevList {
     float: left;
     }

Hope this helps!

.

Thanks, now its horizontal :-)
Can you tell me how to center this? At the moment its on the left...

Try the following in stylesheet.

.navNextPrevList {
     display: inline;
     }

.navNextPrevWrapper {
     text-align: center;
     }

Merci Merci :-)

One more question...
How can i change the positions of title, price, image and so on?
How and where to edit? Code would be great...
Look at the attached photo, that what i want to have :-)
And now the link, thats the actual situation: http://shop2.em-racing.de/index.php?main_page=product_info&cPath=19&products_id=133

If you want to rearrange the layout of the page, you can modify the Product Info Page.

Don't forget to use OverRide for the modification!

Copy the file below:
includes/templates/template_default/templates/tpl_product_info_display.php

And save it to your OverRide directory:
includes/templates/YOUR_TEMPLATE/templates/tpl_product_info_display.php

Then move the sections around which with the remarks.

e.g. for the Main Product Image.

<!--bof Main Product Image -->

.....
CODES BODY of this SECTION
.....

<!--eof Main Product Image -->

Sorry my mistake, i tried this before and forget to modify the override tpl file...
How can i set the price next to the image?
And i hope the last question, if you put something to the shopping cart...there is an mistake with the display of the qty. Do you also know how to fix this problem?
I think my real problem is the template itself because it was designed for Zen 1.2X

Yes, the problem may be in the template you use.
Most of the fix above is default if use a template based on the new design of template_default.

And below improved your preious problem.

.navNextPrevList {
display: inline;
white-space: nowrap;
margin-left: 1.8%;;
margin-right: 1,8%;;
padding: 0.5em 0em;
list-style-type: none;
}

.navNextPrevWrapper {
text-align: center;
}

#cartAdd {
float: right;
}

/* the section below is default in template_default */

.back {
float: left;
}

But you have opposite one in your style sheet!
about line 718

/misc/
.back {
float: right;
left: auto;
right: auto;
}

........

PeterBauer:

And i hope the last question, if you put something to the shopping cart...there is an mistake with the display of the qty. Do you also know how to fix this problem?
I think my real problem is the template itself because it was designed for Zen 1.2X
What is the shopping cart mistake?
Please give more detail. :smile:

.

Today i have dowloaded a new template (for Zen 1.3) and now its modified :-)
But there is also the problem with the product info.
I only want to have the price and the "incl. MwSt und zzgl. Versand" right next to the image. The Description of the item should be under the image.
At the moment, price and description is below the image :-(
Do you have an idea?

http://shop2.em-racing.de/index.php?main_page=product_info&cPath=19&products_id=133

PeterBauer:

Today i have dowloaded a new template (for Zen 1.3) and now its modified :-)
But there is also the problem with the product info.
I only want to have the price and the "incl. MwSt und zzgl. Versand" right next to the image. The Description of the item should be under the image.
At the moment, price and description is below the image :-(
Do you have an idea?

http://shop2.em-racing.de/index.php?main_page=product_info&cPath=19&products_id=133

Furthermore i have problems with display the whatsnew articles on startpage. All products are vertical align, but i want to have horizontal.

PeterBauer:

Today i have dowloaded a new template (for Zen 1.3) and now its modified :-)
But there is also the problem with the product info.
I only want to have the price and the "incl. MwSt und zzgl. Versand" right next to the image. The Description of the item should be under the image.
At the moment, price and description is below the image :-(
Do you have an idea?

http://shop2.em-racing.de/index.php?main_page=product_info&cPath=19&products_id=133

Try put the following in your stylesheet and tune it for yourself.

#productMainImage {
float: left;
margin-top: 0.5em ;
margin-right: 1.5em;
margin-bottom: 0.5em ;
margin-left: 1em;
}

#productPrices {
margin: 1em;
}

#productDescription {
margin-top: 6.5em;
}

Thank you hero :-) That works fine and i am really happy...
Thanks a lot seethrou!

PeterBauer:

Furthermore i have problems with display the whatsnew articles on startpage. All products are vertical align, but i want to have horizontal.

The cause is you have the following in the stylesheet in line 690 -692

.back {
float: none;
}

It should be as follow:

.back {
float: left;
}
And this style also used in many other places.

Now in Firefox all seems to be ok, but in IE there are mistakes :-(
The Logo on Startpage is not directly on top, and the text beetween Logo and Box "New Articles" is not displayed. Only if you click in this field it is showing up.
Furthermore the same problem with product details. First you only see the pic and if you hover the mouse, then the text is displayed. Whats wrong there?
Maybe some other peoples can visited my shop an please tell me if you also have problems....

http://shop.em-racing.de

PeterBauer:

Now in Firefox all seems to be ok, but in IE there are mistakes :-(
The Logo on Startpage is not directly on top,

With refer to the page source of your site:

<table class="centershop" border="0" cellspacing="0" cellpadding="0"> <tr><td> </table>

Over the header, it has a table over it. And in the table it has a blank line and the table seems not complete. Please take care of it.

PeterBauer:

and the text beetween Logo and Box "New Articles" is not displayed. Only if you click in this field it is showing up.
Furthermore the same problem with product details. First you only see the pic and if you hover the mouse, then the text is displayed. Whats wrong there?
Maybe some other peoples can visited my shop an please tell me if you also have problems....

Please refer to the topics below and search for "Peekaboo" Bug for more detail.
Peekaboo Bug
What did I do wrong?

.

You are right, there is something about the logo, but i cant delete it. If i do that i get an error if i want to open the url. I do not have the knowledge how to replace, maybe you can take a look to the attached file?