Блог

Главная - Вопросы по программированию - Лайтбоксу не удается увеличить изображения

Лайтбоксу не удается увеличить изображения

#php #image #lightbox #bigcommerce

#php #изображение #лайтбокс #bigcommerce

Вопрос:

На этой неделе страницы наших продуктов работали не так, как предполагалось. При нажатии на миниатюру изображения продукта для увеличения загружается окно лайтбокса и просто продолжает загружаться, никогда не отображая изображение. Он работал раньше, и у меня нет доступа к этим скриптам и файлам, поскольку они загружаются через PHP, к которому у меня нет доступа. Мы находимся на платформе BigCommerce, но BC мне не поможет, потому что мы настроили наш шаблон. Я просмотрел исходный код и не могу найти, что может быть причиной этой проблемы. Любая помощь приветствуется.

Ссылка на страницу продукта: http://www.inflatableboats.net/demo-zodiac-pro-open-650-t-top-neo-2016-with-twin-yamaha-f70-four-stroke/ 

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://opengraphprotocol.org/schema/">
%%Panel.HTMLHead%%
<body>
    <script type="text/javascript" src="%%GLOBAL_AppPath%%/javascript/jquery/plugins/validate/jquery.validate.js?%%GLOBAL_JSCacheToken%%"></script>
    <script type="text/javascript" src="%%GLOBAL_AppPath%%/javascript/product.functions.js?%%GLOBAL_JSCacheToken%%"></script>
    <script type="text/javascript" src="%%GLOBAL_AppPath%%/javascript/product.js?%%GLOBAL_JSCacheToken%%"></script>
    <div id="Container">
    %%Panel.Header%%

    <div id="Wrapper">
        %%Panel.WrapperBanner%%

        <div class="Left" id="LayoutColumn1">
            %%Panel.SideCategoryList%%
            %%Panel.SideNewProducts%%
            %%Panel.SideNewsletterBox%%
            %%Panel.SideLiveChatServices%%
        </div>
        <div class="Content" id="LayoutColumn2">



            %%Panel.ProductBreadcrumb%%

            %%Panel.ProductDetails%%

            <div id="Fees">
<p id="FeeHeader"><strong>Standard Fees Apply</strong></p>
<a class="tooltip" style="float: left;" href="#"> PDI: <span> <img class="callout" src="http://inflatableboats.net/template/feebox/callout.gif" alt="" /> <strong>Pre-Delivery Inspection</strong><br /> Standard Fee for services performed and products used on each new vessel, requested by all manufacturers to validate and assist in all warranties.<br /><br />We install a deep cycle marine battery, fully rig steering components, complete electrical and systems check. We conduct a full system check on the motor, fill with oil, fluids, and fuel, then test run in a test tank.<br /><br />Once everything is tuned and prepared, a sea trial is performed with two Specialists to achieve ideal RPM-to-top-speed ratio, ensuring the boat gets on plane properly, and all systems operate on water.<br /><br />Afterwards a full detail is performed on the tubes, deck, and hull to be turn-key ready for the customer. </span> </a>
<p style="float: left;">amp;nbsp;</p>
<a class="tooltip" style="float: left;" href="#"> Destination Fee: <span> <img class="callout" src="http://inflatableboats.net/template/feebox/callout.gif" alt="" /> <strong>Destination Fees are set by Zodiac.</strong><br /> Standard Fee both vehicle and vessel dealerships are charged from a manufacturer to ship product to dealerships </span> </a>
<p style="float: left;">amp;nbsp;</p>
</div>
<div id="quote">

                <a class="btn lightbox-40737220632144" style="cursor: pointer;"><img id="quotebutton" style="" src="http://inflatableboats.net/template/img/request-a-quote.png" name="quotebutton" /></a>             
                <a href="/financing/"><img id="financebutton" style="" src="http://inflatableboats.net/template/img/finance-button.png" name="quotebutton" /></a>       
            </div>

            %%Panel.ProductTabs%%
            %%Panel.ProductDescription%%
            %%Panel.ProductVideos%%
            %%Panel.ProductWarranty%%
            %%Panel.ProductOtherDetails%%
            %%Panel.SimilarProductsByTag%%
            %%Panel.ProductByCategory%%
            %%Panel.ProductVendorsOtherProducts%%
            %%Panel.SimilarProductsByCustomerViews%%

        </div>
        <div class="Right" id="LayoutColumn3">
            %%Panel.SideCurrencySelector%%
            %%Panel.SideProductAddToWishList%%
            %%Panel.SideProductRelated%%
            %%Panel.SideProductRecentlyViewed%%
        </div>
        <br class="Clear" />
    </div>

    %%Panel.Footer%%
</div>


<script>
$(document).ready(function(){

$("#ProductOtherDetails .ProductDetailsGrid .DetailRow").each(function(){

var label = $(".Label",this).text();

if ( label === 'PDI:') {
var pdiAmount = $(".Value",this).text();
pdiAmount = pdiAmount.replace(/t/g,"");
pdiAmount = pdiAmount.replace(/n/g,"");
//console.log("PDI is "   pdiAmount);
$("#Fees p:nth-of-type(2)").text(pdiAmount);
}

if ( label === 'DF:') {
var dfiAmount = $(".Value",this).text();
dfiAmount = dfiAmount.replace(/t/g,"");
dfiAmount = dfiAmount.replace(/n/g,"");
//console.log("DF is "   dfiAmount);
$("#Fees p:nth-of-type(3)").text(dfiAmount);
}

})


});
</script>
<script src="https://form.jotform.com/static/feedback2.js?3.3.REV" type="text/javascript"> var JFL_40737220632144 = new JotformFeedback({ formId: '40737220632144', base: 'https://form.jotform.com/', windowTitle: 'Request a Quote', background: '#B10D13', fontColor: '#FFFFFF', type: 'false', height: 500, width: 700, openOnLoad: false }); </script>
</body>
</html>

Я думаю, что, возможно, это вызвано ошибкой типа, но не знаю, как я могу это исправить. Изображение, связанное ниже. Это указывает мне на первую строку источника, которая является HTML Doctype. Для меня это не имеет смысла.

Ссылка на изображение с ошибкой

Комментарии:

1. В консоли появляется эта ошибка TypeError: jQuery.fn.fancybox is undefined . Загружен ли этот fancybox скрипт?

2. Так и должно быть. У меня нет контроля над скриптом fancybox, потому что BC не дает мне к нему доступа.

3. <script type=»text/javascript» src=» inflatableboats.net/js/»></script<>> is returning a 404 as well. Похоже, что путь указан неверно, поскольку в корневом каталоге вашего магазина BC нет папки JS.

4. Черт возьми, все это находится вне моего контроля. Я вижу ошибку скрипта fancybox, но без возможности редактировать скрипт или код, может ли быть что-нибудь на моей странице, что могло бы помешать? Я добавил html-шаблон страницы моего продукта выше. Я могу добавить HTMLHead и / или заголовок, если это может быть причиной.

5. Я нашел, где / js / script был в htmlheader. Вот к чему у меня есть доступ, который извлекает информацию «заполнить пробел» через PHP: <script type=»text / javascript» src=»%%GLOBAL_ShopPath%%/js/%%GLOBAL_JSCacheToken%%»></script>