Jump to content

Slider in foundation skin


Upuna

Recommended Posts

Hello all I am new to this site but need some help I accidentally deleted a home page document which had my sliders so I created another documents page but now when I add my slider pictures they all come one under each other on my homepage they do not slide as they did before, I have searched and searched but can not find anything that will help me reinstate my slides ....do I have to go and do something within my cPanel to fix this problem. I usually do not ever go into my cPanel and I have no idea what to do in there, in the past if I have needed to go into the cPanel I have asked for Tech help rather than crashing the whole system. I know my way a little around the Admin side but that is about it.. Is there a way to get back the document I accidentally deleted?  I would be grateful for any help with this.  Thanks in advance  Regards Irene

Link to comment
Share on other sites

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

In admin, Documents, click the Edit icon for the document identified as the Homepage document.

On the next screen, on the Content tab, switch the editor to Source mode.

You want the HTML to look like:

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

Specifically, the <ul> tag should have a class of "bxslider".

The first list item is an example of how to make a slide clickable.

Link to comment
Share on other sites

Hello bsmither thank you for your welcome this is rather scary stuff but I went in as you explained  the code was very different...so I copied your example and added it to mine and this is what I have now:

<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 alt="" src="/images/source/2018Slides/slider_Ford_1600x400_1x.jpg" style="width: 1600px; height: 400px;" /></li>

<li><img alt="" src="/images/source/2018Slides/Keyrings_Slider_1600x400_1x.jpg" style="width: 1600px; height: 400px;" /></li>

<li><img alt="" src="/images/source/2018Slides/Holden_Slider_04_1600x400_1x.jpg" style="width: 1600px; height: 400px;" /></li>

<li><img alt="" src="/images/source/2018Slides/Biker_Stock_Shelves_1600x400_1x.jpg" style="width: 1600px; height: 400px;" /></li>

<li><img alt="" src="/images/source/2018Slides/Auto_Retro_Badges_slider_05_1600x400_1x.jpg" style="width: 1600px; height: 400px;" /></li>

<li><img alt="" src="/images/source/2018Slides/Auto_Retro_Buckles_06_1600x400_1x.jpg" style="width: 1600px; height: 400px;" /></li>

<li><img alt="" src="/images/source/2018Slides/Auto_Retro_Biker_Bdg_07_1600x400_1x.jpg" style="width: 1600px; height: 400px;" /></li>

<li><img alt="" src="/images/source/2018Slides/Biker_Assort_Slider.jpg" style="width: 1800px; height: 400px;" /></li>

</ul>

 

<p>&nbsp;</p>

Am I on the right track?  It is just so hard for me I feel like a real dill, when it comes to trying to change or improve things within the site....for major jobs I usually ask my hosting guy to help but he has not been answering my emails perhaps he has gone on holidays.  that is why I am trying to muddle my way through as currently the only thing I have on my Home page is the Banner with the company logo on it and the catagories.  I think I stuffed it up big time.  I will try now to go and see if this fix works thank you for your time and your reply much appreciated.  

Link to comment
Share on other sites

I got it to work you would not belive how long I have been looking at forums and until your reply I couldn't understand how to fix the problem..but with your answer I was able to get the slide working again.  I didn't put the 2nd line in only the first and that was what was missing... the site is www.crusinghoonbadges.com.au a big thank you to you bsmither

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...