bxslider - change number of slides after loading
up vote
0
down vote
favorite
Developing a shopify store and using the App https://www.hulkapps.com/products/master-slider-app . The App by default takes 'minSlides' and 'maxSlides' as 1. I want ~5 slides to be displayed at once.
The App's files resides on the developer's server and I have an option to add custom js code where I have put as below.
var slider = $('.bxslider-5be3e244d4ecf').bxSlider({
onSliderLoad: function (){
console.log(this);
this.minSlides=5;
this.maxSlides=5;
this.slideWidth=140;
this.slideMargin=5;
this.reloadSlider;
}
});The link to the preview is https://sliderapp.hulkapps.com/slider/preview/13358730-5255-4b28-b40d-43671dba10f6
I'm not sure whether I'm doing it right or not.
Thanks for any help.
javascript shopify bxslider
asked Nov 8 at 10:05
Mathew
789
add a comment |
up vote
0
down vote
favorite
Developing a shopify store and using the App https://www.hulkapps.com/products/master-slider-app . The App by default takes 'minSlides' and 'maxSlides' as 1. I want ~5 slides to be displayed at once.
The App's files resides on the developer's server and I have an option to add custom js code where I have put as below.
var slider = $('.bxslider-5be3e244d4ecf').bxSlider({
onSliderLoad: function (){
console.log(this);
this.minSlides=5;
this.maxSlides=5;
this.slideWidth=140;
this.slideMargin=5;
this.reloadSlider;
}
});The link to the preview is https://sliderapp.hulkapps.com/slider/preview/13358730-5255-4b28-b40d-43671dba10f6
I'm not sure whether I'm doing it right or not.
Thanks for any help.
javascript shopify bxslider
asked Nov 8 at 10:05
Mathew
789
The above links may not work anymore since I have removed the app. As a workaround I used bxslider directly inside my website by editing the theme. If anybody could provide an answer for the above it would help others though (when someone needs to modify bxslider after it's loaded)
– Mathew
7 hours ago
add a comment |
up vote
0
down vote
favorite
up vote
0
down vote
favorite
Developing a shopify store and using the App https://www.hulkapps.com/products/master-slider-app . The App by default takes 'minSlides' and 'maxSlides' as 1. I want ~5 slides to be displayed at once.
The App's files resides on the developer's server and I have an option to add custom js code where I have put as below.
var slider = $('.bxslider-5be3e244d4ecf').bxSlider({
onSliderLoad: function (){
console.log(this);
this.minSlides=5;
this.maxSlides=5;
this.slideWidth=140;
this.slideMargin=5;
this.reloadSlider;
}
});The link to the preview is https://sliderapp.hulkapps.com/slider/preview/13358730-5255-4b28-b40d-43671dba10f6
I'm not sure whether I'm doing it right or not.
Thanks for any help.
javascript shopify bxslider
asked Nov 8 at 10:05
Mathew
789
Developing a shopify store and using the App https://www.hulkapps.com/products/master-slider-app . The App by default takes 'minSlides' and 'maxSlides' as 1. I want ~5 slides to be displayed at once.
The App's files resides on the developer's server and I have an option to add custom js code where I have put as below.
var slider = $('.bxslider-5be3e244d4ecf').bxSlider({
onSliderLoad: function (){
console.log(this);
this.minSlides=5;
this.maxSlides=5;
this.slideWidth=140;
this.slideMargin=5;
this.reloadSlider;
}
});The link to the preview is https://sliderapp.hulkapps.com/slider/preview/13358730-5255-4b28-b40d-43671dba10f6
I'm not sure whether I'm doing it right or not.
Thanks for any help.
var slider = $('.bxslider-5be3e244d4ecf').bxSlider({
onSliderLoad: function (){
console.log(this);
this.minSlides=5;
this.maxSlides=5;
this.slideWidth=140;
this.slideMargin=5;
this.reloadSlider;
}
});var slider = $('.bxslider-5be3e244d4ecf').bxSlider({
onSliderLoad: function (){
console.log(this);
this.minSlides=5;
this.maxSlides=5;
this.slideWidth=140;
this.slideMargin=5;
this.reloadSlider;
}
});javascript shopify bxslider
javascript shopify bxslider
asked Nov 8 at 10:05
Mathew
789
asked Nov 8 at 10:05
Mathew
789
asked Nov 8 at 10:05
Mathew
789
asked Nov 8 at 10:05
Mathew
789
asked Nov 8 at 10:05
Mathew
789
789
The above links may not work anymore since I have removed the app. As a workaround I used bxslider directly inside my website by editing the theme. If anybody could provide an answer for the above it would help others though (when someone needs to modify bxslider after it's loaded)
– Mathew
7 hours ago
add a comment |
The above links may not work anymore since I have removed the app. As a workaround I used bxslider directly inside my website by editing the theme. If anybody could provide an answer for the above it would help others though (when someone needs to modify bxslider after it's loaded)
– Mathew
7 hours ago
The above links may not work anymore since I have removed the app. As a workaround I used bxslider directly inside my website by editing the theme. If anybody could provide an answer for the above it would help others though (when someone needs to modify bxslider after it's loaded)
– Mathew
7 hours ago
The above links may not work anymore since I have removed the app. As a workaround I used bxslider directly inside my website by editing the theme. If anybody could provide an answer for the above it would help others though (when someone needs to modify bxslider after it's loaded)
– Mathew
7 hours ago
add a comment |
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53205447%2fbxslider-change-number-of-slides-after-loading%23new-answer', 'question_page');
}
);
Post as a guest
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
The above links may not work anymore since I have removed the app. As a workaround I used bxslider directly inside my website by editing the theme. If anybody could provide an answer for the above it would help others though (when someone needs to modify bxslider after it's loaded)
– Mathew
7 hours ago