Liquid, JavaScript, themes, sales channels
I added a custom slider to my .liquid and .css and made a change to my global.js (code below). Now my home page lands on the area where the custom slider once appeared - even though I have moved the slider to another position. Any idea why? Thanks!
Global.js Code Addition:
onButtonClick(event) {
event.preventDefault();
if(event.currentTarget.name === 'next') {
this.step++;
if(this.step > this.sliderItems.length - 1) {
this.step = 0
}
} else {
this.step--;
if(this.step < 0) {
this.step = this.sliderItems.length - 1
}
}
this.currentIndex(this.step);
}
linkToSlide(event) {
const dotIndex = event.currentTarget.dataset.dot;
this.step = dotIndex;
this.currentIndex(this.step);
}
currentIndex(index) {
this.update(index);
}
}
customElements.define('featured-slider-component', FeaturedSliderComponent);
As a business owner, have you ever wondered when your customer's first impression of yo...
By Skye Jun 6, 2023We're excited to announce improvements to the threaded messaging experience in our communi...
By TyW May 31, 2023Thank you to everyone who participated in our AMA with Klaviyo. It was great to see so man...
By Jacqui May 30, 2023