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

Support AbanteCart eCommerce

Author Topic: Banner Slider  (Read 4781 times)

gordontaylor

  • Guest
Banner Slider
« on: February 08, 2014, 04:47:47 PM »
After viewing my store is a variety of formats, resolutions, browsers and mobile devices, I have decided to disable the banner slider. This is after spending much time customizing it. The issue is one of space and resolution. With two different animations going on, one with the text and one with the image and the fact that they are independent of one another, on a small screen the text gets pushed under or on top of the image as the table size collapses to accommodate the screen size.

I'm going to experiment with something to replace it. I know banners, slide shows and all that are all the rage right now in web design, I'm just not sure I need it!


Offline abantecart

  • Administrator
  • Hero Member
  • *****
  • Posts: 3970
  • Karma: +243/-9
    • View Profile
    • Ideal Open Source Ecommerce Solution
Re: Banner Slider
« Reply #1 on: February 08, 2014, 07:35:19 PM »
Post if you have any ideas for improvement.
We need your help to build better free open source eCommerce platform for everyone.
See how you can help

gordontaylor

  • Guest
Re: Banner Slider
« Reply #2 on: February 09, 2014, 04:04:00 PM »
Ok, here is what I have done to replace the Banner Slider...and it was easy...yet fits all window sizes/mobile sizes

In the layout for the home page I used Main Page Banner Bottom instead of Main Page Banner Slider

I then created 4 images containing the same information I was conveying via the banner slider.

However, now when viewed on smart phones and tablets, etc. the banners stack themselves instead of becoming jumbled up like the slider did.

The reason? Because, these are images and rendered differently that the slider banners, which were Text Banners with an embedded image. The browsers on the mobile devices were jumbling the text and the graphic together and sliding the text either under of over the image.

Not as slick as the slider, I emphatically agree on that...but it gets the message across and renders well on the small screen.

Go Here http://mattkersley.com/responsive/

And plug in http://wholesaleostomysupplies.com/

You will see what I mean...you can look at it in different sizes and also different mobile device sizes
« Last Edit: February 09, 2014, 04:06:21 PM by gordontaylor »

Offline abolabo

  • core-developer
  • Administrator
  • Hero Member
  • *****
  • Posts: 1747
  • Karma: +238/-10
  • web for all, all for web!
    • View Profile
    • AbanteCart
Re: Banner Slider
« Reply #3 on: March 17, 2014, 06:32:49 AM »
hm.. unfortunately i do not see another way to solve issue with text and banner without css-tuning for each screen resolution. Banners can be any and that mean css must be edited too. Probably some 3d-party code for banner management exists, but i did not saw it yet
“No one is useless in this world who lightens the burdens of another.”
― Charles Dickens