Product discription product page next to images photos

Product discription product page next to images instead under it

This tutorial shows how to put the product description price and so on next to the product image on the product page instead of under it.

See: http://www.toonkamer-webshop.nl

Go to catalog/vieuw/them/default/template/product/product.tpl
Open it and find :

<div id="tabs" class="htabs"><a href="#tab-description"><?php echo $tab_description; ?></a>
<?php if ($attribute_groups) { ?>
<a href="#tab-attribute"><?php echo $tab_attribute; ?></a>
<?php } ?>
<?php if ($review_status) { ?>
<?php } ?>
<?php if ($products) { ?>
<a href="#tab-related"><?php echo $tab_related; ?> (<?php echo count($products); ?>)</a>
<?php } ?>
</div>
<div id="tab-description" class="tab-content"><?php echo $description; ?></div>
<?php if ($attribute_groups) { ?>
<div id="tab-attribute" class="tab-content">
<table class="attribute">
<?php foreach ($attribute_groups as $attribute_group) { ?>
<thead>
<tr>
<td colspan="2"><?php echo $attribute_group['name']; ?></td>
</tr>
</thead>
<tbody>
<?php foreach ($attribute_group['attribute'] as $attribute) { ?>
<tr>
<td><?php echo $attribute['name']; ?></td>
<td><?php echo $attribute['text']; ?></td>
</tr>
<?php } ?>
</tbody>
<?php } ?>
</table>
</div>
<?php } ?>

Copy this text and put it under :

<div class="discount">
<?php foreach ($discounts as $discount) { ?>
<?php echo sprintf($text_discount, $discount['quantity'], $discount['price']); ?><br />
<?php } ?>
</div>
<?php } ?>
</div>
<?php } ?>
Copy it here

Now test if it works , than delete the older text.
Jantien

Posts: 5
Joined: Sat Feb 06, 2016 8:50 am

http://www.toonkamer-webshop.nl

Just don't forget, to tell the Folks, that possibly some VqMod's will not longer function, or then screw up the Display, if peoples start to move/remove existing OC-Source.
Ernie
openshop.li

Thanks for the usefull comment.

Made a lot of chanches in the open cart software
Uploaded Vqmod to remove white space around images
Had no problems so far

If problems happen you can easely restore the original sofware or upload parts of it

you may only use one VqMod, others use a full bag of it, changing things all over the Place. And most of them do not understand how VqMod's functions, just expecting everything to work, even on a 'hard-code modified' software. Then they come here, and complain, if something does not longer work, after possibly removing Souce Code Sections, containing VqMod-ANCHORS/TAGS, essential for VqMod's to function.

That's why I mention it, it's nothing personal...
Ernie
openshop.li

1 Change text color , tekst size of description and price
http://forum.opencart.com/viewtopic.php ... 67#p610201
2 This tutorial shows how to change the menu layout , color ,background font size etc.
So you can adjust the menu to for example a tablet and make it better visible (larger text).
http://forum.opencart.com/viewtopic.php ... 12#p609626
3 This tutorial shows how to symmetrical line up the array of products on the category page.
For a better balanced block array line up.
http://forum.opencart.com/viewtopic.php ... 96#p603834
4 This tutorial shows how to put the product description price and so on next to the product image on the product page instead of under it.
http://forum.opencart.com/viewtopic.php ... 03#p603505
5 This tutorial shows how you can upload your images much faster than by ADMIN.
http://forum.opencart.com/viewtopic.php ... 38#p603647
6 This tutorial shows how to make a back up of your uploaded images. If by accident a map of images is lost you can easely restore them and do not have to one by one upload the images again.
http://forum.opencart.com/viewtopic.php?f=21&t=162242
7 This tutorial shows how to add text to your home page in different ways
http://forum.opencart.com/viewtopic.php ... 10#p603531
8 This tutotial shows how to remove the colorbox lay-out and leave only the picture.
(click on the picture for more or beside it to go back tot he product page.)
http://forum.opencart.com/viewtopic.php ... 35#p603227
9 Remove white space from Image white borders around images pop-up colorbox
http://forum.opencart.com/viewtopic.php?f=21&t=162244
10 This tutorial shows how to remove certain features you don't use in your shop
remove breadcrumb , remove title , remove image and category description , remove refine search , remove sort by name, date, price , remove compare , remove
http://forum.opencart.com/viewtopic.php ... 05#p603517
11 This tutorial shows how to make different background images on the different pages.
http://forum.opencart.com/viewtopic.php ... 26#p602451
12 Change layout of additional images breadcrumbs small picture
http://forum.opencart.com/viewtopic.php?f=21&t=162874
13 Simple structure of opencart how layout lay-out build up
http://forum.opencart.com/viewtopic.php?f=21&t=162872