Page 1 of 1

default slideshow full width

Posted: Sat Nov 19, 2016 12:15 am
by ianhaney
Hi

I am using opencart 2.0.3.1, does anyone know how to make the default slideshow be full width instead of sticking to the container width of 980px I think it is

I need it to be the full width like the site http://www.biltongstmarcus.co.uk/. I have no idea how to do it apart from move the content top from the home.tpl to just below the header coding in that file but it looks terrible

hope someone can help me, I also then need to add captions onto the default slideshow as well. I just spent $12 on a extension that is supposed to make the default slideshow full width but all it does is not include the zip file it says in the instructions and breaks my site so wasted $12 so not happy at the mo

hope someone can help me please

Thank you in advance

Re: default slideshow full width

Posted: Sat Nov 19, 2016 12:19 am
by ianhaney
I have altered the coding again in the home.tpl to the following and it is ok on a small screen but on a 1920 size screen, there is white space to the right of the slideshow images, is there a way to make the images 100% width so it is not defined by the slideshow settings in the admin side?

Code: Select all

<?php echo $header; ?>
<?php echo $content_top; ?>
<div class="container">
  <div class="row"><?php echo $column_left; ?>
    <?php if ($column_left && $column_right) { ?>
    <?php $class = 'col-sm-6'; ?>
    <?php } elseif ($column_left || $column_right) { ?>
    <?php $class = 'col-sm-9'; ?>
    <?php } else { ?>
    <?php $class = 'col-sm-12'; ?>
    <?php } ?>
    <div id="content" class="<?php echo $class; ?>"><?php echo $content_bottom; ?></div>
    <?php echo $column_right; ?></div>
</div>
<?php echo $footer; ?>

Re: default slideshow full width

Posted: Sat Nov 19, 2016 12:29 am
by ianhaney
sorry think I done that by following this forum post

viewtopic.php?t=158649&p=625818

Re: default slideshow full width

Posted: Wed Jan 04, 2017 8:23 am
by skip
@ianhaney
Hi,
I wass try this with home.tpl and work great, but there is no padding on left side in responsive design. Have you got better solution, I wass folow this link but no idea how to apply this for slideshow full width.
Thanx