Moved from subdirectory, WP Carousel broken

I think you opened a topic about this in Sumolari.com. Sumolari.com is down right now due to bandwith limits, but in two days it will be online, so I think it is better to wait a couple of days and then continue the issue there.

Hi Sumolari,

Actually I didn’t post about this issue on Sumolari.com – only here…

Is there any thing you can suggest to resolve this?

I read some days ago a topic about the same issue.

What I recommend is to ensure that WordPress’s options page have the correct paths, and also checking that the problem is that WP Carousel is using a wrong path.

In WP Carousel 1.0.1 I was asked to remove StepCarousel due to license problems, so if you use StepCarousel, it wont work unless you downgrade to WP Carousel 1.0 or lower.

I’m not using Step Carousel – just installed WP Carousel at version 1.1 (no upgrade).

The paths were correct on the WP Settings > General page and the path to the plugin was also correct on the WP Carousel settings page.

Anyway, I’ll give it another go tonight…

Ok, the site is now live: https://www.bistronamisushi.com/

You can see on the home page the carousel is broken but it is fine on all the other top level pages (there is no carousel on the ‘Menu’ pages).

What is strange is it is doing something different but only for the home page. Here is the correct html given by theme.php in the default theme:

<div class="theme-default cv-default" style="width:980px">
<div class="arrow-right">
<div class="arrow-left">
<div class="carousel-default-background">
<div class=" jcarousel-skin-default">
<div class="jcarousel-container jcarousel-container-horizontal" style="position: relative; display: block;">
<div class="jcarousel-clip jcarousel-clip-horizontal" style="overflow: hidden; position: relative;">
<ul id="carousel_0" class="jcarousel-list jcarousel-list-horizontal" style="overflow: hidden; position: relative; top: 0px; left: -910px; margin: 0px; padding: 0px; width: 1820px;">
</div>
<div class="jcarousel-prev jcarousel-prev-horizontal" style="display: block;"></div>
<div class="jcarousel-next jcarousel-next-horizontal jcarousel-next-disabled jcarousel-next-disabled-horizontal" style="display: block;" disabled="disabled"></div>
</div>
</div>
</div>

Now here is the html generated for ONLY the home page:

<div class="theme-default cv-default" style="width:980px">
<div class="arrow-right">
<div class="arrow-left">
<div id="carousel_0" class="stepcarousel jcarousel-container jcarousel-container-horizontal" style="position: relative; display: block;">
<div class="belt">
<div class="panel" style="width:150px; height:150px;">
<div class="panel" style="width:150px; height:150px;">
<div class="panel" style="width:150px; height:150px;">
<div class="panel" style="width:150px; height:150px;">
<div class="panel" style="width:150px; height:150px;">
<div class="panel" style="width:150px; height:150px;">
<div class="panel" style="width:150px; height:150px;">
<div class="panel" style="width:150px; height:150px;">
<div class="panel" style="width:150px; height:150px;">
<div class="panel" style="width:150px; height:150px;">
</div>
</div>
</div>

It is adding the ‘panel’ and ‘belt’ classes and the html is completely different than for the other pages.

Any idea what is going on here?

I should add that all the top level pages (except ‘Menu’) use the same page template(s) so I really don’t know why different html is being generated for the home page – that doesn’t make any sense at all.

Looking at this a little closer, I see it is using the “stepcarousel” class on the home page. Why, I have no idea – the call for WP Carousel is generated from the same place for all the pages and there is only one carousel.

Frankly, I don’t even know what Step Carousel is and why it is selecting it only for the home page.

How do I fix this?

I am using the default theme in WP Carousel.

Thanks!

How are you showing WP Carousel?

Using shortcode? Using <?php wp_carousel(ID); ?>? Using the Widget?

I am using this in footer.php in my child theme:

<?php
if (!is_page_template('menu.php')) { ;?>

<div id="gallery">
<?php wp_carousel(0); ?>
</div>

<?php } else { ?>

<?php } ?>