blog documentation FAQ followers forum marketplace services youtube

solved Iskin4-how to increase the slider to 30 from 16

The Jamroom Network » Forum » Design and Skin Customization » Page » Iskin4-how to increase the slider to 30 from 16
boplive
@boplive
8 years ago
345 posts
Hi..hope everyone is doing well..crazy day yesterday with the elections :(

How can I increase the items displaying in the iskin4 slider of the index home page from 16 to any other amount..I tried it by making the change in the first sliding row from 16 to 25 in the index_list.tpl and what happens afterwards is it becomes 2 levels of items sliding all together in that rowr..very weird..I tried

Any other idea I can try..

Thanx
Ed
updated by @boplive: 04/08/17 03:31:29AM
michael
@michael
8 years ago
7,718 posts
16?? there are only 5 slides.

Think you're talking about the width of the box that holds the buttons though.

Its the css from /skins/n8ISkin4/css/skin.css:
.slidesjs-pagination, ul.pager {
    bottom: 25px;
    position: absolute;
    right: 50%;
    transform: translateX(50%);
    width: 180px;
    z-index: 100;
}

Adjust the width to be wide enough to fit all your buttons on one row.

--
From your description it sounds like the images are stacking though, I cant see that. If that is the issue, then it will be the box containing the image has a fixed width that needs to be widened.
boplive
@boplive
8 years ago
345 posts
:( ...

Hey Michael

I increase the slider to 32 items in the index_list.tpl
{jrCore_list
module=$_conf.n8ISkin4_list_1_type
search="_item_id in `$_conf.n8ISkin4_list_1_ids`"
order_by=$_conf.n8ISkin4_list_1_order
limit="32"
template="index_item_1.tpl"

Etc....

And I changed the width in the skin.css to double of that which is 360px and that didn't seem to work.

You can check out the test page how it looks
spied.me/_index2
updated by @boplive: 11/10/16 02:01:52PM
michael
@michael
8 years ago
7,718 posts
Thanks for the URL, it really helps.

The structure suggests you've done more than just change th 16 to 32. The structure of that section is this:
<div>
<div id="pager_box_1" class="clearfix">
<div id="pager_box_2" class="clearfix">
<div id="pager_box_3" class="clearfix">
<div id="pager_box_4" class="clearfix">
<div id="pager_box_5" class="clearfix">
<div id="pager_box_6" class="clearfix">
<div id="pager_box_7" class="clearfix">
<div id="pager_box_8" class="clearfix">
<div id="pager_box_9" class="clearfix">
<div id="pager_box_10" class="clearfix">
<div id="pager_box_11" class="clearfix">
<div id="pager_box_12" class="clearfix">
<div id="pager_box_13" class="clearfix">
<div id="pager_box_14" class="clearfix">
<div id="pager_box_15" class="clearfix">
<div id="pager_box_16" class="clearfix">
</div>

But each of the pager_box_%% has 2 items in each.

I believe the two templates in question are index_list.tpl and index_item_1.tpl.

Try changing it back to 16 to see if that fixes it then back to 32 again to make sure it IS that change thats causing the effect.

Tags