Please help us to make AbanteCart Ideal Open Source Ecommerce Solution for everyone.

Support AbanteCart eCommerce

Author Topic: carousel of images  (Read 4397 times)

Offline alquimista

  • Newbie
  • *
  • Posts: 2
  • Karma: +0/-0
    • View Profile
carousel of images
« on: September 13, 2017, 05:58:57 AM »
Dear folks.

I would like to build a carousel of images as:

marketplace.abantecart.com

There are 3 images rotating.

How can I do it?.

In this example there are links inside every image that you can to click and go to new site.

Anybody can tell how can I do it?.

If you watch, you can go to next image if you click in the image (right or left) arrow.

Best regards.

Offline llegrand

  • Hero Member
  • *****
  • Posts: 1798
  • Karma: +520/-7
    • View Profile
Re: carousel of images
« Reply #1 on: September 13, 2017, 10:23:10 AM »
http://demo.abantecart.com/

the banner is part of the core AbanteCart coding.   Look at the above link to see how an out of the box site also has the same features.

And here is the docs for the how-to
http://docs.abantecart.com/pages/design/banner_slider.html



Offline alquimista

  • Newbie
  • *
  • Posts: 2
  • Karma: +0/-0
    • View Profile
Re: carousel of images
« Reply #2 on: September 13, 2017, 11:28:47 AM »
Thank you.

How can I more images to a rotate carousel:

<p>
   <img alt="" class="wp1_3 slide1_bot" src="storefront/view/default/image/baner_bach.jpg" width="600" height="300" /> <span class="txt1"></span> <span class="txt2"></span> <span class="txt3 short">Natively responsive template implemented with bootstrap library and HTML5. Will look good on most mobile devices and tablets.</span> <span class="txt4 txt4up"><a class="btn btn-wht" href="">Install!</a></span></p>

I could add one image but I would like to add more images 3 or 5 images as:

demo.abantecart.com
« Last Edit: September 18, 2017, 05:59:02 AM by alquimista »

 

Powered by SMFPacks Social Login Mod