Jump to content

what's the scrolling picture banner thing called?


Shari Marie

Recommended Posts

This is the BXSlider. CubeCart's Foundation skin will always have this functionality enabled.

To use it, this HTML will show it:

<ul class="bxslider">
	<li><img src="skins/foundation/images/examples/slide4.jpg" title="Promotional Message One" /></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>
</ul>

When editing the HomePage document, switch the editor into Source mode. This will make it easier to add the above HTML.

Link to comment
Share on other sites

That HTML can go anywhere: a document (the HomePage document, for example), a Category description, or a Product description.

You do not need to create a new document, per se. The HTML can be added to an existing document.

But if you want to experiment, try it on a new document that you can delete if necessary.

Also, make sure you accurately identify where the images are located. The images, by default, should be 1000 wide by 300 tall pixels.

Link to comment
Share on other sites

  • 5 weeks later...

Probably with a small bullet dot to the left side of the image.

This indicates that the call to the javascript plugin isn't being made, the javascript plugin isn't being loaded, or some other part of javascript is crashing.

In your current theme, if not the Foundation skin, you will need to add this HTML:

In the <head> section:
<link href="{$STORE_URL}/skins/{$SKIN_FOLDER}/css/jquery.bxslider.css" rel="stylesheet">

Near the bottom of the <body> section:
<script src="{$STORE_URL}/skins/{$SKIN_FOLDER}/js/vendor/jquery.bxslider.min.js" type="text/javascript"></script>

And this needs to be after the above:
<script>
{literal}
$('.bxslider').bxSlider({auto:true,captions:true});
{/literal}
</script>

These files can be found in the included Foundation skin. Copy them to the appropriate folder of your skin in use.

Link to comment
Share on other sites

It is a feature of the Foundation skin. CubeCart is not aware of it.

A skin can have whatever the skin designer wants.

A stock CubeCart package comes with the Foundation skin, and the sample Homepage document has a slideshow.

Edited by bsmither
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...