AbanteCart Community

Shopping Cart Operations => Support => General Support => Topic started by: jessie on June 08, 2013, 12:17:03 PM

Title: Home Page Slider
Post by: jessie 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 :)

Title: Re: Home Page Slider
Post by: abolabo 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

Title: Re: Home Page Slider
Post by: vju88 on July 07, 2013, 09:40:39 AM

where to find that images or block setting to edit / change

Title: Re: Home Page Slider
Post by: boogienites 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  :'(

Title: Re: Home Page Slider
Post by: abantecart 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.

Title: Re: Home Page Slider
Post by: boogienites on August 01, 2013, 03:15:13 PM

where do i find the CSS?

Title: Re: Home Page Slider
Post by: abantecart on August 01, 2013, 11:00:04 PM

For slider CSS: /storefront/view/default_html5/stylesheet/onebyone.css

Title: Re: Home Page Slider
Post by: nuneatongraham 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

Title: Re: Home Page Slider
Post by: abantecart on August 16, 2013, 09:05:15 AM

Please post URL to see what you have.

Title: Re: Home Page Slider
Post by: ruby19707 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.

Title: Re: Home Page Slider
Post by: ruby19707 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.

Title: Re: Home Page Slider
Post by: abantecart 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.