Jump to content
Sign in to follow this  
huggettm

Slideshow

Recommended Posts

The code needed to show the BXSlider slides is:

<ul class="bxslider">
	<li><a href="{$STORE_URL}/tesa31.html"><img src="skins/foundation/images/examples/slide1.jpg" title="Promotional Message One" /></a></li>
	<li><img src="skins/foundation/images/examples/slide2.jpg" /></li>
	<li><img src="skins/foundation/images/examples/slide3.jpg" title="Promotional Message Two" /></li>
</ul>

where the image tag src attribute points to the images to show, and the image tag can be wrapped in a link to make the image clickable.

This can go anywhere, but CubeCart as delivered has this in the Homepage Document.

Share this post


Link to post
Share on other sites

There will be some major work involved to make the BXSlider "viewport" take a specific height and then allow for the images to scale accordingly - and not make things messy. For example, a collection of 1000x300px images shown in a max-height 200px viewport will have the bottom 100px not visible. To then scale the images (reduce the width and height) so that the height fits, the width will also be reduced to 666px. That will really mess up the overall display of the slider.

The BXSlider javascript scans through the collection of images and finds:
if horizontal slides, the height of the tallest image
if adaptiveHeight is true, dynamically changes the height of the viewport
if vertical slides, the combined height of all images (see adaptiveHeight)

I see two possible solutions: make all your images no taller than the max-height, or use a different slider.

Edited by bsmither
  • Haha 1

Share this post


Link to post
Share on other sites

The BXSlider is a regular JQuery plugin and can be used in any skin.

CubeCart has no mechanism to edit skin/theme code in the admin.

We recommend using a programmer's text editor - not a full IDE such as Dreamweaver.

Share this post


Link to post
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.

Sign in to follow this  

×
×
  • Create New...