WordPress Plugin for Steemit

TheDigitalArtist / Pixabay

In the last few days, I resolved to post unique blog posts on facebook, Blogger, Linkedin, Medium, WordPress, and Steemit. Its not a lot of work for me because i just document what i do. Then i discovered that Steemit has a WordPress plugin!

So this post is to check that the plugin actually works. I have followed the instarucrions for setting it up and this is the moment of truth. If I have done it wrong, I will make sure I fix this before I go to sleep!

[embedyt]

Products from Amazon.co.uk

Steemit: Learning the Essentials

Price: £7.64

[‹](javascript:void(0);) [›](javascript:void(0);)

jQuery(document).ready(function() {

var CONSTANTS = {
    productMinWidth : 185,
    productMargin   : 20
};

var $adUnits = jQuery('.aalb-product-carousel-unit');
$adUnits.each(function() {
    var $adUnit           = jQuery(this),
        $wrapper          = $adUnit.find('.aalb-pc-wrapper'),
        $productContainer = $adUnit.find('.aalb-pc-product-container'),
        $btnNext          = $adUnit.find('.aalb-pc-btn-next'),
        $btnPrev          = $adUnit.find('.aalb-pc-btn-prev'),
        $productList      = $productContainer.find('.aalb-pc-product-list'),
        $products         = $productList.find('.aalb-pc-product'),
        productCount      = $products.length;

    if (!productCount) {
        return true;
    }

    var rows            = $adUnit.find('input[name=rows]').length && parseInt($adUnit.find('input[name=rows]').val(), 10);
    var columns         = $adUnit.find('input[name=columns]').length && parseInt($adUnit.find('input[name=columns]').val(), 10);

    if( columns ) {
        var productContainerMinWidth = columns * (CONSTANTS.productMinWidth + CONSTANTS.productMargin) + 'px';
        $adUnit.css( 'min-width', productContainerMinWidth );
        $productContainer.css( 'min-width', productContainerMinWidth );
        $products.filter( ':nth-child(' + columns + 'n + 1)' ).css( 'clear', 'both' );
    }

    if (rows && columns) {
        var cutOffIndex = (rows * columns) - 1;
        $products.filter(':gt(' + cutOffIndex + ')').remove();
    }

    function updateLayout() {
        var wrapperWidth = $wrapper.width();
        var possibleColumns = columns || parseInt( wrapperWidth / (CONSTANTS.productMinWidth + CONSTANTS.productMargin), 10 );
        var actualColumns = columns || possibleColumns < productCount ? possibleColumns : productCount;

        /**
         * The actual columns can be zero when the wraperwidth is less than sum of CONSTANTS.productMinWidth and
         * CONSTANTS.productMargin.The parseInt will use floor function and converts any value less than 1 to
         * zero.Therefore making actual columns 1 .
         **/
        if( actualColumns == 0 ) {
            actualColumns = 1;
        }

        var productWidth = parseInt( wrapperWidth / actualColumns, 10 ) - CONSTANTS.productMargin;

        $products.css( 'width', productWidth + 'px' );

        /**
         * Removing the Carousel navigation button when the number of products selected by admin is less
         * than the actual columns (the number of products) can be shown on screen
         **/
        if( productCount > actualColumns ) {
            $btnNext.css( 'visibility', 'visible' ).removeClass( 'disabled' ).unbind( 'click' );
            $btnPrev.css( 'visibility', 'visible' ).removeClass( 'disabled' ).unbind( 'click' );
        }
        $productContainer.jCarouselLite( {
            btnNext : '#' + $adUnit.attr( 'id' ) + ' .aalb-pc-btn-next',
            btnPrev : '#' + $adUnit.attr( 'id' ) + ' .aalb-pc-btn-prev',
            visible : actualColumns,
            circular: false
        } );


    }

    updateLayout();
    jQuery(window).resize(updateLayout);
});

});

/*!

jCarouselLite - v1.1 - 2014-09-28
http://www.gmarwaha.com/jquery/jcarousellite/
Licensed MIT (https://github.com/ganeshmax/jcarousellite/blob/master/LICENSE)
*/

SaveSave