http://volvosweden.se
https://www.youtube.com/c/VolvoswedenSe
Professional OpenCart extensions, support and custom work.
Contact me via email or Skype by support@thekrotek.com
Professional OpenCart extensions, support and custom work.
Contact me via email or Skype by support@thekrotek.com
I was hopping that someone that could give me a hint on how to do it. I posted this thread in general support, not in the love chatt category..
http://volvosweden.se
https://www.youtube.com/c/VolvoswedenSe
There's a Commercial Support section, where you post your request, if you can not do it yourself.
Professional OpenCart extensions, support and custom work.
Contact me via email or Skype by support@thekrotek.com
After {{ search }} add your banner (You will get {{ search }} around line number 76).
You may like these extension : - https://www.opencart.com/index.php?rout ... r=cmsrooms
I'm pretty sure he means a banner from Design -> Banners section, not just some custom image. In this case your solution isn't enough.
Professional OpenCart extensions, support and custom work.
Contact me via email or Skype by support@thekrotek.com
Make a swiper banner as normal in banners.
Place it on a page - now take the html source for the banner
NOW
You can place that HTML in your header.
it will look like this - you will have to play with it to get it how you want.
In this case I used the BRANDS CAROUSEL
Code: Select all
<div class="swiper-viewport">
<div id="carousel0" class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide text-center"><img src="https://yourdomain/image/cache/catalog/chsm2-130x100.jpg" alt="" class="img-responsive" /></div>
<div class="swiper-slide text-center"><img src="https://yourdomain/image/cache/catalog/chsm3-130x100.jpg" alt="" class="img-responsive" /></div>
<div class="swiper-slide text-center"><img src="https://yourdomain/image/cache/catalog/94864738130x100.jpg" alt="" class="img-responsive" /></div>
<div class="swiper-slide text-center"><img src="https://yourdomain/image/cache/catalog/chsm8-130x100.jpg" alt="" class="img-responsive" /></div>
</div>
</div>
<div class="swiper-pagination carousel0"></div>
<div class="swiper-pager">
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>
</div>
<script type="text/javascript"><!--
$('#carousel0').swiper({
mode: 'horizontal',
slidesPerView: 5,
pagination: '.carousel0',
paginationClickable: true,
nextButton: '.swiper-button-next',
prevButton: '.swiper-button-prev',
autoplay: 2500,
loop: true
});
--></script>
replace
Code: Select all
<div class="col-sm-5">{{ search }}</div>
Code: Select all
<div class="col-sm-5">{{ search }} <br /> PASTE BANNER CODE HERE
There are other ways to do this also. This is just a quick way that may help
In this instance the banner will be the width of the search div, like I say you will have to play with it to get what you want
I did this a bit different and for others that see this thread.
The image or banner i want to put under search, i uploaded the banner to the web server and linked it from there
But i saved class="img-responsive"> in the code.
If im thinking the right way that saved code should resize the banner if its necessary
http://volvosweden.se
https://www.youtube.com/c/VolvoswedenSe
Users browsing this forum: No registered users and 411 guests