News:

AbanteCart v1.4.2 is released.

Main Menu

Do you like AbanteCart? Please rate AbanteCart or share your experience with other eCommerce entrepreneurs. Go to Softaculous rating page to add your rating or write a review

Home Page Slider

Started by jessie, June 08, 2013, 12:17:03 PM

Previous topic - Next topic

jessie

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 :)

abolabo

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

vju88

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

boogienites

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  :'(

abantecart

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

boogienites


abantecart

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

nuneatongraham

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

abantecart

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

ruby19707

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.

ruby19707

do i need to host the image on something like photobucket to get it to show in the code for the text style banner.

abantecart

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

Forum Rules Code of conduct
AbanteCart.com 2010 -