ACoin Homepage Slider Support

jagall:

Please help. have tried this slider same as coin slider but the images are just coming in stacked, nothing like demo. I notice in define main page the callout for the js files is missing, I put them in but no difference, please help. thanks

The JS files are automatically loaded within the zencart format. It is definitely a JS issue as long as you upload the files located in the folder includes > templates > your_template > jscript they will automatically load.

Another issue if you have any other JS on your page or in that folder I have seen them interfere and not work. Without having access to your files its hard to find the exact source why its not working.

I would first make sure the files are all uploaded as given
check for any other JS files on the page

What template are you using if you dont mind me asking?

Oh congrats on your nuptials, in the very short interim, I got it working, yes JS interfering, moving to my js folder and deleted a no of jscript files. I am trying to add slider wrapper etc, here is link if you get chance to have a look. Thanks again.
Using my own version of adapted classic template.

jagall:

Oh congrats on your nuptials, in the very short interim, I got it working, yes JS interfering, moving to my js folder and deleted a no of jscript files. I am trying to add slider wrapper etc, here is link if you get chance to have a look. Thanks again.
Using my own version of adapted classic template.

The features wrapper is a great idea! I like that and it looks like its coming along great! I love to see how people change it up for their site.

Cheers brandonturpin, I have it on our main page now, see here, but when the page loads, the images stack as they load and then its fine but it doesn't look right, any ideas?

jagall:

Cheers brandonturpin, I have it on our main page now, see here, but when the page loads, the images stack as they load and then its fine but it doesn't look right, any ideas?

What is the link to the site and I can look at what you are talking about? Are they loading stacked then going into the slider, or do they just stay stacked on top of each other?

sorry link is here
used the overflow: hidden; but not still not working as should, appreciate your feedback.

jagall:

Cheers brandonturpin, I have it on our main page now, see here, but when the page loads, the images stack as they load and then its fine but it doesn't look right, any ideas?

Sorry about the delay, I was on a family trip this weekend. But I pulled the site up and it does not stack to me it comes right up. Were you able to fix it or am I just not seeing it on my end?

Thanks for replying Brandon. Well I am using firefox, chrome & IE and when the homepage loads, the second image nudges in after the first briefly, rectifies itself and fine again, I think it is something to do with the slider settings, see below: If you can have a peek to see if something stands out, cheers.

<script type="text/javascript" src="js/jscript_1.7.1.js"></script> <script type="text/javascript" src="js/jscript_coin-slider.min.js"></script> <script type="text/javascript" src="js/jscript_coin-slider.js"></script> <link rel="stylesheet" href="includes/templates/sweet/css/stylesheet_coin-slider-styles.css" type="text/css"/> <div id="wrapper"> <div id="ribbon"></div> <div id='coin-slider'> <a href="http://www.sweetco.ie/tubs" target="_blank"> <img src='../images/slider/sliderimage4.jpg' alt="Tub Sweets"/> <span> New Range of Tub Sweets </span> </a>

<a href="http://www.sweetco.ie/sweet-gifts">
    <img src='../images/slider/sliderimage8.jpg' alt="Shamrock Pops"/>
    <span>
        Sweet Gift Ideas
    </span>
</a>

<a href="http://www.sweetco.ie/novelty-lines/rock-candy" target="_blank">
    <img src='../images/slider/sliderimage1.jpg' alt="Rock Candy"/>
    <span>
        Rock Candy
    </span>
</a>

<a href="http://www.sweetco.ie/retro-lines/tubs/5c-sweets/milk-teeth">
    <img src='../images/slider/sliderimage2.jpg' alt="Milk Teeth"/>
    <span>
        Milk Teeth
    </span>
</a>
<a href="http://www.sweetco.ie/jars/celtic-confectionery">
    <img src='../images/slider/sliderimage3.jpg' alt="Celtic Confectionery"/>
    <span>
        Celtic Confectionery Jar Range
    </span>
</a>

<a href="http://www.sweetco.ie/novelty-lines/lanyard-dummies">
    <img src='../images/slider/sliderimage5.jpg' alt="Lanyard Dummies"/>
    <span>
        Lanyard Dummies Selection
    </span>
</a>

<a href="http://www.sweetco.ie/retro-lines/kids-lines/flipper"> <img src='../images/slider/sliderimage6.jpg' alt="Flipper"/> <span> Flipper </span> </a>

<a href="http://www.sweetco.ie/specials">
    <img src='../images/slider/sliderimage7.jpg' alt="Specials"/>
    <span>
        See our Special Offers
    </span>
</a>

</div> </div> <script type="text/javascript">

$(document).ready(function() {
$('#coin-slider').coinslider({ width: 650, height: 240, navigation: true, delay: 5000 });

});
</script>

<!-- Effects to place in JS above width: 650, // width of slider panel height: 240, // height of slider panel spw: 7, // squares per width sph: 5, // squares per height delay: 3000, // delay between images in ms sDelay: 30, // delay beetwen squares in ms opacity: 0.7, // opacity of title and navigation titleSpeed: 500, // speed of title appereance in ms effect: '', // random, swirl, rain, straight navigation: true, // prev next and buttons links : true, // show images as links hoverPause: true // pause on hover -->

All 8 pics look like they are loading properly to me. I'm using FF

jagall:

Thanks for replying Brandon. Well I am using firefox, chrome & IE and when the homepage loads, the second image nudges in after the first briefly, rectifies itself and fine again, I think it is something to do with the slider settings, see below: If you can have a peek to see if something stands out, cheers.

-->

I think I see what you are talking about, its like a quarter of a second long but it starts loading the images before the JS fully kicks in to layer them. I would say its either one of 2 things, it might have to do with the wrapper you placed over it I would have to look at that and see if there are any hold ups. But I would put my money on you having the JS files included in the code on the page its self. With how i had it set up the JS automatically loaded from the jscript folder which I would put money would speed it up. I dont know how much editing you have done try this

Make sure the following files are in the following directories

Includes > templates > YOUR_TEMPLATE > jscript > jscript_1.7.1.js
Includes > templates > YOUR_TEMPLATE > jscript > jscript_coin-slider.js
Includes > templates > YOUR_TEMPLATE > jscript > jscript_coin-slider.min.js

then remove the following script in the defines_main_page.php

<script type="text/javascript" src="js/jscript_1.7.1.js"></script> <script type="text/javascript" src="js/jscript_coin-slider.min.js"></script> <script type="text/javascript" src="js/jscript_coin-slider.js"></script>

the JS files should be auto loaded into the page and no need to include them twice. If that does not load the JS then we will have to figure out whats going on there but that would make a difference.

Then re move the following script in your defines_main_page.php

<link rel="stylesheet" href="includes/templates/sweet/css/stylesheet_coin-slider-styles.css" type="text/css"/>

As this should load automatically as well and basically is like including it twice

I would put my money that making sure those files are in the right directory and removing it off the defiles_main_pages.php would fix that issue.

Let me know what ya come up with

Cheers Brandon for taking time to look at this. Only getting back to it now as I've been away for a few days. Tried what you suggested but the slider fails to work at all. Without the script in the page it doesn't know what to do with the images so the jquery end doesnt kick in. I am going to try placing them in the html header.php to see what happens. How can the auto load process happen without direction to the jscript directory? Cheers.

jagall:

Cheers Brandon for taking time to look at this. Only getting back to it now as I've been away for a few days. Tried what you suggested but the slider fails to work at all. Without the script in the page it doesn't know what to do with the images so the jquery end doesnt kick in. I am going to try placing them in the html header.php to see what happens. How can the auto load process happen without direction to the jscript directory? Cheers.

Within the template folder there are a few direcories that will auto load if the files are named right. (ie css, jscritp) So when adding the acoin slider all you have to do how I have it created is upload the files. You currently have your js in a folder called js where it should be in the jscript folder within your template foldder.

The CSS seems to be correct and should load if you remove the code on the home page. If for some reason it does not you can always add it to the bottom of the stylesheet.css and they will load then. But if it begins with stylesheet and is in the css folder found below

includes > templates > YOUR_TEMPLATE > css

Other than that, I would have to look at the code to see what is happening and where the break is.

If you cant figure it out, PM me your gchat address and I can look at it with you if you want.

Hi Brandon
I have tried everything, once I remove the script of the html page, it simply does not work, I have change it to this:

<script type="text/javascript" src="includes/templates/template/jscript/jscript_1.7.2.js"></script> <script type="text/javascript" src="includes/templates/template/jscript/jscript_coin-slider.min.js"></script> <script type="text/javascript" src="includes/templates/template/jscript/jscript_coin-slider.js"></script>

The CSS auto loads but not the jscript. I have stop-start slider also installed and works on ez page, the script for this is in the html header page. Also have zen lightbox whether some of these are causing conflicts?

jagall:

Hi Brandon
I have tried everything, once I remove the script of the html page, it simply does not work, I have change it to this:

<script type="text/javascript" src="includes/templates/template/jscript/jscript_1.7.2.js"></script> <script type="text/javascript" src="includes/templates/template/jscript/jscript_coin-slider.min.js"></script> <script type="text/javascript" src="includes/templates/template/jscript/jscript_coin-slider.js"></script>

The CSS auto loads but not the jscript. I have stop-start slider also installed and works on ez page, the script for this is in the html header page. Also have zen lightbox whether some of these are causing conflicts?

Hmmm... I would guess that either there is a interference with other JS causing the delay or some of the edits that were made to it may have slowed it down as well causing it. It's bothering me that the JS is not auto loading from the folder as it should do just what the css does.

Its hard to figure out the issue on the outside of the site. You could try not removing but temporary disabling any other JS and see if it changes, if it does then you know its with the JS, if that does not fix it then I would see if a fresh install works without any edits. If not then I am not sure where that delay would come from on the site as it loads very quickly on my site and other sites I have put it on.

This may be really stupid........but how do I get it to be centered?

I have two images on the slider and they stack on each other. I have read the previous posts about this issue and I checked and it looks like there is only one script running in addition to the slider. I disabled it and it still stacks. This thread will not allow me to put the link so PM me and I will send it to you.

Also, I would like the panel to be centered and haven't figured out how to do this. Any help? Thanks.

sensualpalace:

I have two images on the slider and they stack on each other. I have read the previous posts about this issue and I checked and it looks like there is only one script running in addition to the slider. I disabled it and it still stacks. This thread will not allow me to put the link so PM me and I will send it to you.

Also, I would like the panel to be centered and haven't figured out how to do this. Any help? Thanks.

What is your website and I can take a look and see whats going on with it

I sent you a PM with my web address. Thanks for looking for me.

Have you had a chance to look at my website about the slider issue I was having?

sensualpalace:

Have you had a chance to look at my website about the slider issue I was having?

The domain name you gave me does not show. It has a bunch of ####'s in the middle I dont know if there is some sort of sensor going on but it does not link to your site