Type5options

The parameter sets up color, background color text label for SliderType: 5 case.

type5options:{ color: 'red', bgColor: '#ddd', buttonText: 'print width'} type5options: {

        color: 'red',
        bgColor: '#ddd',
        buttonText: 'print width'
    },with type5options button text, color and background color can be customised 
sliderType: 5,
type5options: {
        color: '#F1D302',
        bgColor: '#235789',
        buttonText: 'Go to Store'
    }

Type5options

ProductSlider({
    rootID: 'productSlider',
    apiKey: 'your-api-key',
    sliderType: 5,
    backgroundURL: 'https://printlean.com/store/img/photo-gallery/1.jpg',
    sliderPerView: {
        1200: 4,
        992: 3,
        768: 3,
        320: 1.5,
    },
    imageLogo: true,
    hideTitle: true,
    hidePrice: true,
    priceColor: '#dddddd',
    type5options: {
        color: 'red',
        bgColor: '#ddd',
        buttonText: 'print width'
    },
    bgToAll: true,
    allButton: {
        buttonText: 'See All Products',
        buttonColor: '#5ab6f8'
    }
})


 type5options:{ color: 'red', bgColor: '#ddd', buttonText: 'print width'}
type5options:{ color: 'red', bgColor: '#ddd', buttonText: 'print width'}
type5options:{ color: 'F1D302', bgColor: '#235789', buttonText: 'Go to Store'}
ProductSlider({
    rootID: 'productSlider',
    apiKey: 'your-api-key',
    sliderType: 5,
    backgroundURL: 'https://printlean.com/store/img/photo-gallery/1.jpg',
    sliderPerView: {
        1200: 4,
        992: 3,
        768: 3,
        320: 1.5,
    },
    imageLogo: true,
    hideTitle: true,
    hidePrice: true,
    priceColor: '#dddddd',
    type5options: {
        color: '#F1D302',
        bgColor: '#235789',
        buttonText: 'Go to Store'
    },
    bgToAll: true,
    allButton: {
        buttonText: 'See All Products',
        buttonColor: '#5ab6f8'
    }
})

Last updated