Slider Images scrambled and a couple of questions.

Hi phosphene,

Firstly can you post here your url for taking a look ?

I also have the slideshow order issue mentioned in another topic here, the images and titles are all scrambled. I use no extensions, just installed the quickstart jm siotis on my server.

Could you please be more details, what’s the topic you mentioned ?

I also have another question/issue: The sidebar Shop By does not show all my categories (I have 7 and it shows 5) and I can’t find where I can edit this and more of the sidebar content by hand. Can you please help me with this?

I think the slidebar can only show those categories that is set Is Anchor to yes, when editing your categories under the Display settings tab you can try to set Is Anchor to yes That I hope would help

Hello Sherlock

thanks for the reply.
The url is http://loudshirtsusa.com/

and this is the code I have for the slider content:

Code:

[desc img="btl.jpg" url="#"]
<h3><strong> Beatles Logo </strong></h3>
[/desc]

[desc img="aic.jpg" url="#"]
<h3><strong> Alice In Chains </strong></h3>
[/desc]

[desc img="metallicaDmg.jpg" url="#"]
<h3><strong> Metallica DAMAGE INC</strong></h3>
[/desc]

As you can see both the order of the slides and the link between text and images are wrong. Beatles should be first, it is actually Alice in Chains with the Metallica image… I tried changing this in different ways but it’s always scrambled.

okay mate, it seem to be a bug, you can open the file of skin\frontend\default\jm_siotis\joomlart\jmslidesh ow\js\jm.slideshow.js
look for this code

PHP Code:

 if(options.animation == 'slide'){
                vars.offset -= parseInt(mainFrame.css(isHorz ? 'margin-left' : 'margin-top'));
                
                mainItems.eq(0).clone().appendTo(mainFrame);
                mainItems.eq(vars.total - 1).clone().prependTo(mainFrame, 'top');
                
                mainFrame
                    .css(vars.modes[1], vars.size * (vars.total + 2))
                    .css(vars.modes[0], -vars.curIdx * vars.size + vars.offset);
            } 




change it to

PHP Code:

 if(options.animation == 'slide' && options.fullsize){
                vars.offset -= parseInt(mainFrame.css(isHorz ? 'margin-left' : 'margin-top'));
                
                mainItems.eq(0).clone().appendTo(mainFrame);
                mainItems.eq(vars.total - 1).clone().prependTo(mainFrame, 'top');
                
                mainFrame
                    .css(vars.modes[1], vars.size * (vars.total + 2))
                    .css(vars.modes[0], -vars.curIdx * vars.size + vars.offset);
            }else{
                vars.offset -= parseInt(mainFrame.css(isHorz ? 'margin-left' : 'margin-top'));
                mainFrame
                    .css(vars.modes[1], vars.size * (vars.total))
                    .css(vars.modes[0], -vars.curIdx * vars.size + vars.offset);
            } 




I hope it helps !

Thanks, it is all OK