Jump to content

Welcome screen Banner

Recommended Posts

I am just testing out the site before I go live with it and I have deleted the scrolling pictures from the Documents section.

Can anyone tell me how I add pictures in to the Welcome to store, document, content.

I have placed pictures in the content under each other but they don't act as a scrolling banner on the front screen of the store.

Many thanks in advance.


Share this post

Link to post
Share on other sites

Welcome Mike! Glad to see you made it to the forums.

When editing the Homepage document, switch the editor to Source mode. It's easier.

The code you will want to use, as an example, is:

<ul class="bxslider">
	<li><a href="{$STORE_URL}/tesa31.html"><img src="{$STORE_URL}/skins/foundation/images/examples/slide4.jpg" title="Promotional Message One" /></a></li>
	<li><img src="skins/foundation/images/examples/slide5.jpg" /></li>
	<li><img src="skins/foundation/images/examples/slide6.jpg" title="Promotional Message Two" /></li>
	<li><img src="skins/foundation/images/examples/slide7.jpg" title="Promotional Message Three" /></li>

This is an unordered list. The first list item shows how the image can be a clickable link. It also shows how to make the image source an absolute (as opposed to relative) URL.

The last two list items show how to add some textual material to the image.

The images should be 1000x300 pixels. Any other dimensions will require some additional CSS changes to the slider area.

Share this post

Link to post
Share on other sites

That's great, 

Thank you for your help. I knew it wasn't as straight forward as putting the images into the text area.

Thanks again.


Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now