I have been unable to work out how to change the product layout so that additional product images are not confined to the left column thus pushing the Description down and leaving a big blank space above like the image attached.
If anyone could help me I would be grateful
A lot easier to tell you what to do when you just provide a link to your website / sample page.
Increase Page Speed (#1 rated commercial extension on OpenCart Marketplace)
15in1 Essential Extensions Value Pack Premium Customer Testimonials Reward Points Extended Admin Security Lockdown Suite
irc.freenode.net #opencart
You will just have the change the template file, these are located in /catalog/view/theme/
specifically you probably want to edit /catalog/view/theme/<<my_template>>/template/product/view.tpl
just move the addditional images out off the left column div and after the right column div.
specifically you probably want to edit /catalog/view/theme/<<my_template>>/template/product/view.tpl
just move the addditional images out off the left column div and after the right column div.
The page is at http://www.homeguard.uk.com/alarms/cctv-4-channel-wired
I can't find a view.tpl in that folder so I assume it nmust be product.tpl
I have tried moving the following from the div left to the div right, but it just moves it over without floating so it is still stacked below the left main product image
I can't find a view.tpl in that folder so I assume it nmust be product.tpl
I have tried moving the following from the div left to the div right, but it just moves it over without floating so it is still stacked below the left main product image
Sorry the section I moved was;
<div class="image-additional">
<?php foreach ($images as $image) { ?>
<a href="<?php echo $image['popup']; ?>" title="<?php echo $heading_title; ?>" class="colorbox" rel="colorbox"><img src="<?php echo $image['thumb']; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a>
<?php } ?>
</div>
<div class="image-additional">
<?php foreach ($images as $image) { ?>
<a href="<?php echo $image['popup']; ?>" title="<?php echo $heading_title; ?>" class="colorbox" rel="colorbox"><img src="<?php echo $image['thumb']; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a>
<?php } ?>
</div>
I have tried a few positions to move this code to but I cant find the right place.
I want the additional images to move over to the right div and float up underneath the "Qty" and "Add to Cart" button. By moving them over to this larger div hopefully these additional images can fit on one line instead of two lines which then forces the description tab down lower.
I want the additional images to move over to the right div and float up underneath the "Qty" and "Add to Cart" button. By moving them over to this larger div hopefully these additional images can fit on one line instead of two lines which then forces the description tab down lower.
Who is online
Users browsing this forum: Amazon [Bot], Bing [Bot] and 23 guests
