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);
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024