Jump to content
Trudy

[Resolved] Bxslider not working

Recommended Posts

After I upgraded cube cart my bxslider stopped working, I've gone through all the posts relating to this and can't seem to get it to work.

The photos are stacked. My site isn't running yet. I would appreciate any help :)

Share this post


Link to post
Share on other sites

Welcome Trudy! Glad to see you made it to the forum.

Let's review a few things about BXSlider:

In the skin template main.php, near the bottom, there should be at least this:

<script src="{$STORE_URL}/skins/{$SKIN_FOLDER}/js/vendor/jquery.bxslider.min.js" type="text/javascript"></script>

Then, later in the code:

<script>
   {literal}
   $('.bxslider').bxSlider({auto:true,captions:true});
   {/literal}
</script>

Then, in your Homepage document (typical where the images are), there must be this:

<ul class="bxslider">

Note the class value.

Finally, make sure that the file exists where the <script src> tag says it is.

If, for some reason, javascript crashes, then this slider effect may not start. So, we need to make sure of that.

 

Share this post


Link to post
Share on other sites

So, it's still not working?

May we have a web address? Maybe we can determine what may be the problem.

 

Share this post


Link to post
Share on other sites

Ok, yes, it's offline.

In order to see what may be going on, we will need to see the store online.

One way to do this is to send me a PM with admin credentials. You can create a new admin with absolutely no permissions what-so-ever.

But being a logged-in admin, the storefront will be viewable.

 

Share this post


Link to post
Share on other sites

I see that you are using the eTone skin. This skin does not come with the BXSlider plugin.

If you are running CC6, then you have the Foundation skin available.

Find the file:

/skins/foundation/js/vendor/jquery.bxslider.min.js

Copy to the folder:

/js/plugins/

Find the file:

/skins/foundation/css/jquery.bxslider.css

Copy to the folder:

/js/styles/

I also do not find the following, so be sure to add it:

In /skins/e-tone/templates/main.php, find near the bottom:

<![endif]-->
{/literal}
  
{if $COOKIE_DIALOGUE}


Change to:

<![endif]-->

<script>
$('.bxslider').bxSlider({auto:true,captions:true});
</script>

{/literal}
  
{if $COOKIE_DIALOGUE}

 

I now see that the files to have been copied over (JS and CSS) are where they are supposed to be. That leaves the edit to the template file.

After having edited a template file, be sure to clear the cache (admin, Maintenance, Rebuild tab, Clear Cache).

Share this post


Link to post
Share on other sites

Hi,

 

I'm wondering how you could manage to get bxslider to work on this template?

I'm trying to do the same as advised here earlier, but nothing happens. I did the same modifications on this e-tone template without any success.

Share this post


Link to post
Share on other sites

We may need to see your site to discern the cause of the problem. If possible, please let us have your site's web address.

Share this post


Link to post
Share on other sites

Thank you for your reply, but in the meantime I managed to get it to work

(actually this line:

<script src="{$STORE_URL}/skins/{$SKIN_FOLDER}/js/vendor/jquery.bxslider.min.js" type="text/javascript"></script>

had to be placed a few lines up in main.php)

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

×