How do I set the width of the horizontal scroller to cover 100% of the page
www.pigeonbaby.info/v3/testing

I search high and low and just could not find the location to amend the width of scroller.


Also, I realise that the jcat and jproduct scroller requires us to manually select the cat and prod id.

I think you should come up with a module where user can have the options to just select one category and all those under that category will appear

Hello Joshua -

I think you emailed that you figured this out, but I am going ahead and answering it to help build our knowledge base here in the forum.

The scrollers calculate their width or height based on the width/height of the images and the title height (title, description, add-to-cart) plus padding. So if you look at the Corshops site, you will see that I have a Category scroller and a Product scroller that run the width of the page. I did that by setting a large number of products to show in the window between scrolls, and by setting the correct values of pic width (larger than normal). The inputs cause the scroller to calculate the correct width to go all the way across the page.

This is a good method, as it makes the scroller adjust to the width/height you need based on your settings, rather than you setting height/width and the scroller mashing everything into place.

Hi Glen,
thanks for the reply.

I now have a new issue.

www.pigeonbaby.info/v3/products/mothercare

I set the scroller to display 4 items but the last one got truncated. Part of it was covered by the right arrow. I changed it to 3 items and still part of last item got hidden.

I think there is some calculation error.

Please let me know how I can resolve this.

Thank you very much.

Hello Joshua -
First thing, look in your template.css and find where the image is being set for your ul (unordered list) and delete it. That will get rid of that triangle on each item. Some templates set a specific image to be used for unordered lists. Yours appears to do so.

Second, is there a header class to the right of the module position you are using to display the scroller? If there is, then it might be keeping the scroller from expanding.

If there isn't, adjust the image size to make it bigger and push the scroller out to the right more, and/or try making the images smaller.

You can also send me a creds to your site as a super admin via personal message and I can look into it later.

Glen

Hi Glen,

Resolved. Thank You so much

Joshua

Hi Glen,

You solution worked except that when all the little arrows in my VM content also disappeared when I delete the UL class.