golden hour

/home/phakp/public_html/wp/wp-content/themes/neve/assets/js/src/shop

File/Folder	Size	Actions
app.js	1.81 KB

Edit: app.js

/* jshint esversion: 6 */
import {tns} from 'tiny-slider/src/tiny-slider';
import {neveEach} from "../utils";

/**
 * Init shop.
 * @returns {boolean}
 */
function initShop() {
    if (document.body.classList.contains('woocommerce')) {
        handleShopSidebar();
    }
    if (document.body.classList.contains('nv-exclusive')) {
        handleExclusiveSlider();
    }
}

/**
 * Handle the shop sidebar.
 *
 * @returns {boolean}
 */
function handleShopSidebar() {
    let sidebar, toggles, html;

sidebar = document.querySelector('.shop-sidebar');
    if (sidebar === null) {
        return false;
    }
    html = document.querySelector('html');
    toggles = document.querySelectorAll('.nv-sidebar-toggle');
	neveEach(toggles,  (toggle) =>  {
        toggle.addEventListener('click', function () {
            sidebar.classList.toggle('sidebar-open');
            html.classList.toggle('menu-openend');
        });
    });
}

/**
 * Handle Exclusive Products Slider
 */
function handleExclusiveSlider() {
    let items = document.querySelector('ul.exclusive-products');

if (items === null) return false;

let responsive = {
        '0': {'items': 2, 'gutter': 21},
        '768': {'items': 4, 'gutter': 27},
        '1200': {'items': 4, 'gutter': 30}
    };

let slider = tns({
        container: 'ul.exclusive-products',
        slideBy: 1,
        arrowKeys: true,
        loop: true,
        autoplay: true,
        items: 4,
        edgePadding: 0,
        autoplayButtonOutput: false,
        autoplayHoverPause: true,
        speed: 1000,
        autoplayTimeout: 3000,
        autoplayButton: false,
        controls: false,
        navPosition: 'bottom',
        navContainer: '.dots-nav',
        navAsThumbnails: true,
        responsive
    });
}

/**
 * Run JS on load.
 */
window.addEventListener( 'load', initShop );