Author Topic: Home Page Slider  (Read 11513 times)

Offline jessie

  • Newbie
  • *
  • Posts: 1
  • Karma: +0/-0
    • View Profile
Home Page Slider
« on: June 08, 2013, 12:17:03 PM »
Just wondering if someone could help me with the images that appear in the home page slider? So far I am loving this framework, but can't work out where to change the images that appear in the slider.

Thanks in advance to anyone who can assist :)

Offline abolabo

  • core-developer
  • Administrator
  • Hero Member
  • *****
  • Posts: 2046
  • Karma: +318/-13
  • web for all, all for web!
    • View Profile
    • AbanteCart
Re: Home Page Slider
« Reply #1 on: June 08, 2013, 03:18:21 PM »
slider is banner block. banner block have banner's. Every banner have image. look into menu design->banner manager
“No one is useless in this world who lightens the burdens of another.”
― Charles Dickens

Offline vju88

  • Newbie
  • *
  • Posts: 6
  • Karma: +0/-1
    • View Profile
Re: Home Page Slider
« Reply #2 on: July 07, 2013, 09:40:39 AM »
where to find that images or block setting to edit / change

Offline boogienites

  • Newbie
  • *
  • Posts: 6
  • Karma: +0/-0
    • View Profile
Re: Home Page Slider
« Reply #3 on: July 23, 2013, 03:05:58 PM »
hi, ive been into banner manager, added a 600x300 image but when i save it it shows as thumbnail size! When i remove the 'thumbnail' size in the code the image disappears :-(

when i change the size in the code it just strecches it and gives it an white block boarder to and bottom of image

can anyone help  :'(

Offline abantecart

  • Administrator
  • Hero Member
  • *****
  • Posts: 4358
  • Karma: +298/-10
    • View Profile
    • Ideal Open Source Ecommerce Solution
Re: Home Page Slider
« Reply #4 on: July 25, 2013, 04:00:17 PM »
Do you edit HTML in the banner?  You need to edit CSS related to the banner code that you edit to place the image. You can size image to fit or control size with CSS.

If you deal with image banner, you need to size image they it fits into the place holder it is use in.
Please  rate your experience or leave your review
We need your help to build better free open source ecommerce platform for everyone. See how you can help

Offline boogienites

  • Newbie
  • *
  • Posts: 6
  • Karma: +0/-0
    • View Profile
Re: Home Page Slider
« Reply #5 on: August 01, 2013, 03:15:13 PM »
where do i find the CSS?

Offline abantecart

  • Administrator
  • Hero Member
  • *****
  • Posts: 4358
  • Karma: +298/-10
    • View Profile
    • Ideal Open Source Ecommerce Solution
Re: Home Page Slider
« Reply #6 on: August 01, 2013, 11:00:04 PM »
For slider CSS: /storefront/view/default_html5/stylesheet/onebyone.css

Please  rate your experience or leave your review
We need your help to build better free open source ecommerce platform for everyone. See how you can help

Offline nuneatongraham

  • Newbie
  • *
  • Posts: 2
  • Karma: +0/-0
    • View Profile
Re: Home Page Slider
« Reply #7 on: August 15, 2013, 12:15:13 PM »
Hello,
new to Abantecart and i have the same problem as boogienites above.
I have followed the info given by abantecart to locate the css but i am unsure where to input the image size i need for 600x300.
Your help would be very much appreciated.
Thank You
Graham

Offline abantecart

  • Administrator
  • Hero Member
  • *****
  • Posts: 4358
  • Karma: +298/-10
    • View Profile
    • Ideal Open Source Ecommerce Solution
Re: Home Page Slider
« Reply #8 on: August 16, 2013, 09:05:15 AM »
Please post URL to see what you have.
Please  rate your experience or leave your review
We need your help to build better free open source ecommerce platform for everyone. See how you can help

Offline ruby19707

  • Newbie
  • *
  • Posts: 6
  • Karma: +0/-0
    • View Profile
Re: Home Page Slider
« Reply #9 on: August 18, 2013, 11:16:24 AM »
waisted hrs on this today. i can edit the text but cant change the image. how do you do this. i thought i was getting somewhere when i figured out that i could just make a new one from scratch and then one i included the new image i created on the slider it cuts half of it off.

Offline ruby19707

  • Newbie
  • *
  • Posts: 6
  • Karma: +0/-0
    • View Profile
Re: Home Page Slider
« Reply #10 on: August 18, 2013, 12:07:53 PM »
do i need to host the image on something like photobucket to get it to show in the code for the text style banner.

Offline abantecart

  • Administrator
  • Hero Member
  • *****
  • Posts: 4358
  • Karma: +298/-10
    • View Profile
    • Ideal Open Source Ecommerce Solution
Re: Home Page Slider
« Reply #11 on: August 18, 2013, 01:32:31 PM »
Main page sliding banner consist of 5 HTML banners that you can locate in banner manager section. You can add more banners of cause.

Take "Main Banner 1" as example.
If you open banner to edit, you will see HTML source code that you can edit to include your own image and text.

Default images is located in storefront/view/default_html5/image/banner_image_1.png (600x300)
You can upload image to the same directory or any other web directory. It can even be in different server. In this case you use full domain based path to your image src.

To make sure your image fits the banner you can create image with the size that works the best for your specific case.

If you need to change design for each slide, you can edit CSS: storefront/view/default_html5/stylesheet/onebyone.css
You can also include css override right in the banner HTML

I think I covered this in detail.

 
Please  rate your experience or leave your review
We need your help to build better free open source ecommerce platform for everyone. See how you can help

 

Powered by SMFPacks Social Login Mod