Skip to content

Instantly share code, notes, and snippets.

@akopcz2
Created August 19, 2019 14:18
Show Gist options
  • Select an option

  • Save akopcz2/c78f6e418edcbd21adc88eb562a1c04b to your computer and use it in GitHub Desktop.

Select an option

Save akopcz2/c78f6e418edcbd21adc88eb562a1c04b to your computer and use it in GitHub Desktop.

Revisions

  1. akopcz2 created this gist Aug 19, 2019.
    37 changes: 37 additions & 0 deletions gistfile1.txt
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,37 @@


    window.addEventListener('resize', function(){



    let desktopThumbnailWrapper = document.querySelector('.thumbnails-wrapper');
    let desktopThumbnailParent = desktopThumbnailWrapper.parentNode;
    let shopifyProductReviews = document.querySelector('#shopify-product-reviews');
    let shopifyReviewsProductParent = shopifyProductReviews.parentNode;
    let shopifyProductReviewsClone = shopifyProductReviews.cloneNode(true);

    let rightSide = document.querySelector('.grid__item.medium-up--one-half');

    //Desktop
    if(window.innerWidth > 767){
    if(!rightSide.querySelector('#shopify-product-reviews')){
    console.log('NO REVIEWS')
    desktopThumbnailWrapper.insertAdjacentElement('afterend', shopifyProductReviewsClone);
    // Remove IE poly
    shopifyProductReviews.parentNode.removeChild(shopifyProductReviews);
    //mobile
    }
    console.log(shopifyReviewsProductParent.querySelector('#shopify-product-reviews'));
    } else {
    if(desktopThumbnailParent.querySelector('#shopify-product-reviews')){
    let productDesc = document.querySelector('.product-single__description');
    productDesc.insertAdjacentElement('afterend', shopifyProductReviewsClone);

    //remove node from desktop thumbnail view
    desktopThumbnailParent.querySelector('#shopify-product-reviews').remove();
    }
    }
    });