Magento 2 adding page loading in product view page like this below in body tag

<body data-container="body" data-mage-init="{&quot;loaderAjax&quot;: {}, &quot;loader&quot;: { &quot;icon&quot;: &quot;http://local.com/static/frontend/Theme/default/en_US/images/loader-2.gif&quot;}}" itemtype="http://schema.org/Product" itemscope="itemscope" class="catalog-product-view  page-layout-1column">

how to remove this loader in the product view page alone.

    display: none!important;

The above CSS is not working

1 Answer 1


Can you please try below css?

.catalog-product-view .fotorama__spinner.fotorama__spinner--show {
  display: none;

.catalog-product-view  .loading-mask .loader img {
    display: block;
    position: fixed;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    visibility: hidden;

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.