cancel
Showing results for 
Search instead for 
Did you mean: 

Magento 2 Product detail page is not loading.

Magento 2 Product detail page is not loading.

  • Hi, 

    I upgrade the Magento version from 2.2 to 2.4 the product page is not loading completelyproduct page issue.JPG
    the loading icon is showing on the page. Screenshot is attacehed 
    Can anybody help?

    Thanks in advance.
5 REPLIES 5

Re: Magento 2 Product detail page is not loading.

  • product page issue.JPG

Re: Magento 2 Product detail page is not loading.

Hello @5e48be49ecff7 

You should check out this thread for the solution.

https://community.magento.com/t5/Magento-2-x-Version-Upgrades/Magento-2-2-6-to-2-3-2-white-product-p...

 

Was my answer helpful? You can accept it as a solution.
175+ professional extensions for M1 & M2 with free lifetime updates!

Re: Magento 2 Product detail page is not loading.

Hi, 

Thanks, But I'm using a different theme. which is ultimo. 
Can you please suggest me another way to fix it. 

Thanks,
Bilal

Re: Magento 2 Product detail page is not loading.

Hi @5e48be49ecff7,

 

You need to change the file/folder ownership

sudo chown -R www-data:www-data

 

Please check what web server are you using. Apache: www-data:www-data, nginx: nginx:nginx

 

Hope this can help you! Let me know if you need further assistance.

________

If issue solved, Click Kudos & Accept as Solution.

LitExtension - #1 Shopping Cart Migration Expert

LitExtension helps store owners and agencies migrate all important data from one eCommerce platform to another accurately, securely and at the highest speed.

Visit website: http://litextension.com/

Re: Magento 2 Product detail page is not loading.

issue is not coming display none or hide  in loader div

 

<div class="gallery-placeholder _block-content-loading" data-gallery-role="gallery-placeholder">
<div data-role="loader" class="loading-mask">
<div class="loader">
<img src="<?php /* @escapeNotVerified */ echo $block->getViewFileUrl('images/loader-1.gif'); ?>"
alt="<?php /* @escapeNotVerified */ echo __('Loading...') ?>">
</div>
</div>
</div>
<!--Fix for jumping content. Loader must be the same size as gallery.-->
<script>
var config = {
"width": <?php /* @escapeNotVerified */ echo $width; ?>,
"thumbheight": <?php /* @escapeNotVerified */ echo $thumbHeight ?: $thumbWidth; ?>,
"navtype": "<?php /* @escapeNotVerified */ echo $block->getVar("gallery/navtype"); ?>",
"height": <?php /* @escapeNotVerified */ echo $height; ?>
},
thumbBarHeight = 0,
loader = document.querySelectorAll('[data-gallery-role="gallery-placeholder"] [data-role="loader"]')[0];

if (config.navtype === 'horizontal') {
thumbBarHeight = config.thumbheight;
}

loader.style.paddingBottom = ( config.height / config.width * 100) + "%";
</script>