Carousel Sidebox - New, Featured & Specials: SUPPORT THREAD

[jagall]

Hi I have just installed this, something I have been hoping would be available and it is now but it is not working for me, I know something I am doing or not. I have s3slider running also and feel there is a conflict. The product appears in the feature box but will not scroll and buttons do not work. I have tried moving the two lines of code to different places in tpl_header but no real difference (actually not quite sure where it should go at all) nor am I sure about the advice to delete the jquery library as this may contribute also. cheers

just wondering if anyone has any thoughts on this please

[Ryk]

@jagall - from the readme...

"Known Issue 1: if you are running other jquery modules (e.g. jqueryLightbox, Fual Slimbox etc) it may be necesssary to reposition the 2 lines of code in Installation #4 just after the <base> tag rather than before the </head> tag if you get errors in those modules. It may also be necessary to delete older versions of the jquery library."

Not knowing where any other instances of your jquery library may be, or how old they may be, I can't be of more help.

@lissa8723 - please see post#13

All other information about file location is in the readme file.

[jagall]

Thanks for getting back to me. Well i already moved the 2 lines to the base line and just before the s3lider comes in. I suppose I am not sure what you mean by deleting older versions of the jquery library (that is jquery library) sorry this may be really obvious but gotta ask. thanks

[Tamuren]

Hey there, really love the carousel sidebox mod. However, I'm having a couple problems I hope can be addressed. Here's how it looks on my site:




1) My biggest problem is that only one product is shown per page. It does scroll, and the buttons do work, but only one product is shown. This product changes page per page.

2) The name of the product is in black, and is difficult to read of my dark background. How can I change this text to white?

3) The Buy Now button is slightly cut off...a bit annoying

4) The least important of my issues is that the contents of the sidebox all hug the left side a little...is there a way I can perfectly center the info inside?

I've tried placing the JS code in step 4 after the <base> tag as instructed above, but this stops the scrolling entirely and stops the buttons from working. I have a lightbox-esque module installed called slimbox. I've also tried lengthening this sidebox in it's CSS script, but it doesn't stop the buy now button from being cut off.

[Ryk]

1) My biggest problem is that only one product is shown per page. It does scroll, and the buttons do work, but only one product is shown. This product changes page per page.

2) The name of the product is in black, and is difficult to read of my dark background. How can I change this text to white?

3) The Buy Now button is slightly cut off...a bit annoying

4) The least important of my issues is that the contents of the sidebox all hug the left side a little...is there a way I can perfectly center the info inside?

I've tried placing the JS code in step 4 after the <base> tag as instructed above, but this stops the scrolling entirely and stops the buttons from working. I have a lightbox-esque module installed called slimbox. I've also tried lengthening this sidebox in it's CSS script, but it doesn't stop the buy now button from being cut off.

2-4 are all css related.

1 is probably because of a conflict with the slimbox code - if you can supply ftp details via pm, we'll have a look at it as soon as we can

[adb34]

Very good add-on. I do not have any problems with the products sliding or with the buttons.

I actually have two questions.

1. How do you change the background colour from white (I think I know how to do it however I would like it to be confirmed.

2. I would like to put this in a box, simular to the rest of the sideboxes. I have looked around in all the upleaded pages and I cannot see where to put the command lines. I know I have missed something but what?

Off topic: any plans for more sidebox items?




www.edencraftsupplies.co.uk/shop

[Ryk]

Hi

The broad answer to 1 & 2 is using CSS. It's not the place for a css tutorial, but I'd recommend using the Web Developer Toolkit add-on for Firefox which makes editing of the CSS much easier once you get familiar with it.

No other plans at the moment - I'm afraid we're a little busy with our commercial stuff.

[adb34]

You say both done in the css, which one? there seam to be several I could change

[adb34]

It is fairly straight forward to put a box around it if you look properly.

For those who are stuck

1. When you have upload and running carousel, find stylesheet_carousel.css (/includes/templates/YOUR-TEMPLATE-NAME/css/)

2. Find #scrolldiv (first line [my first line])

3. #scrolldiv {
border:0px solid #cc;
width: 165px;
height:250px;
padding-top:10px;
}

4. change to say #scrolldiv {
border:1px solid #ff0000; {or colour of your choose}
width: 165px;
height:250px;
padding-top:10px;
}

5. border: is the size that you want to make the 'border around your carousel.

6. px solid: is the colour

7. I have found a very good website that lists and shows a colour template www.computerhope.com/htmcolor.htm


When I have worked out how to change the size of the sidebox I will post that here too.

[adb34]

It is fairly straight forward to put a box around it if you look properly.

For those who are stuck

1. When you have upload and running carousel, find stylesheet_carousel.css (/includes/templates/YOUR-TEMPLATE-NAME/css/)

2. Find #scrolldiv (first line [my first line])

3. #scrolldiv {
border:0px solid #cc;
width: 165px;
height:250px;
padding-top:10px;
}

4. change to say #scrolldiv {
border:1px solid #ff0000; {or colour of your choose}
width: 165px;
height:250px;
padding-top:10px;
}

5. border: is the size that you want to make the 'border around your carousel.

6. px solid: is the colour

7. I have found a very good website that lists and shows a colour template www.computerhope.com/htmcolor.htm


When I have worked out how to change the size of the sidebox I will post that here too.

OK.

Using

#scrolldiv {
border:1px solid #ff0000; /* border & colour */
width: 165px;
height:250px;
padding-top:10px;

change width: to the width your are using for your sideboxes. My sideboxes are 200px so mine says 'width: 200px;'.

I hope this helps anybody