Лайтбокс, не работающий в Opencart

Я только что скачал Lightbox и создал новую папку в моей папке «jquery» OPENCART 2.0.3.1 (которая уже существовала из-за некоторых других скриптов).Лайтбокс, не работающий в Opencart

Его расположенные в "каталоге/просмотра/JavaScript/JQuery/лайтбокса"

Затем я скачал header.tpl из "каталога/просмотр/тема/по умолчанию/шаблон/общий" и вставили эту линию

<link href="catalog/view/javascript/jquery/lightbox/dist/css/lightbox.css" rel="stylesheet">

между </div> и <?php } ?> как вторая последняя строка. Его в теге <body>.

А другой

<script src="catalog/view/javascript/jquery/lightbox/dist/js/lightbox.js"></script>

прямо под некоторыми другими <script> и <link> линий, где также <script src="catalog/view/javascript/jquery/jquery-2.1.1.min.js" type="text/javascript"></script> располагалось. Его в теге <head>.

Я тогда загрузил все и я не могу получить его работы с данным кодом

<a href="images/image-1.jpg" data-lightbox="image-1" data-title="My caption">Image #1</a>

Любые идеи?

URL: http://www.kwigx.com/test

Всего header.tpl:

<!DOCTYPE html> 
<!--[if IE]><![endif]--> 
<!--[if IE 8 ]><html dir="<?php echo $direction; ?>" lang="<?php echo $lang; ?>" class="ie8"><![endif]--> 
<!--[if IE 9 ]><html dir="<?php echo $direction; ?>" lang="<?php echo $lang; ?>" class="ie9"><![endif]--> 
<!--[if (gt IE 9)|!(IE)]><!--> 
<html dir="<?php echo $direction; ?>" lang="<?php echo $lang; ?>"> 
<!--<![endif]--> 
<head> 
<meta charset="UTF-8" /> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<title><?php echo $title; ?></title> 
<base href="<?php echo $base; ?>" /> 
<?php if ($description) { ?> 
<meta name="description" content="<?php echo $description; ?>" /> 
<?php } ?> 
<?php if ($keywords) { ?> 
<meta name="keywords" content= "<?php echo $keywords; ?>" /> 
<?php } ?> 
<meta http-equiv="X-UA-Compatible" content="IE=edge"> 
<?php if ($icon) { ?> 
<link href="<?php echo $icon; ?>" rel="icon" /> 
<?php } ?> 
<?php foreach ($links as $link) { ?> 
<link href="<?php echo $link['href']; ?>" rel="<?php echo $link['rel']; ?>" /> 
<?php } ?> 
<script src="catalog/view/javascript/jquery/jquery-2.1.1.min.js" type="text/javascript"></script> 
<link href="catalog/view/javascript/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen" /> 
<script src="catalog/view/javascript/bootstrap/js/bootstrap.min.js" type="text/javascript"></script> 
<link href="catalog/view/javascript/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" /> 
<link href="//fonts.googleapis.com/css?family=Open+Sans:400,400i,300,700" rel="stylesheet" type="text/css" /> 
<link href="catalog/view/theme/default/stylesheet/stylesheet.css" rel="stylesheet"> 
<link href="catalog/view/javascript/jquery/lightbox/dist/css/lightbox.css" rel="stylesheet"> 
<?php foreach ($styles as $style) { ?> 
<link href="<?php echo $style['href']; ?>" type="text/css" rel="<?php echo $style['rel']; ?>" media="<?php echo $style['media']; ?>" /> 
<?php } ?> 
<script src="catalog/view/javascript/common.js" type="text/javascript"></script> 
<?php foreach ($scripts as $script) { ?> 
<script src="<?php echo $script; ?>" type="text/javascript"></script> 
<?php } ?> 
<?php echo $google_analytics; ?> 
</head> 
<body class="<?php echo $class; ?>"> 
<nav id="top"> 
    <div class="container"> 
    <?php echo $currency; ?> 
    <?php echo $language; ?> 
    <div id="top-links" class="nav pull-right"> 
     <ul class="list-inline"> 
     <li><a href="<?php echo $contact; ?>"><i class="fa fa-phone"></i></a> <span class="hidden-xs hidden-sm hidden-md"><?php echo $telephone; ?></span></li> 
     <li class="dropdown"><a href="<?php echo $account; ?>" title="<?php echo $text_account; ?>" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user"></i> <span class="hidden-xs hidden-sm hidden-md"><?php echo $text_account; ?></span> <span class="caret"></span></a> 
      <ul class="dropdown-menu dropdown-menu-right"> 
      <?php if ($logged) { ?> 
      <li><a href="<?php echo $account; ?>"><?php echo $text_account; ?></a></li> 
      <li><a href="<?php echo $order; ?>"><?php echo $text_order; ?></a></li> 
      <li><a href="<?php echo $transaction; ?>"><?php echo $text_transaction; ?></a></li> 
      <li><a href="<?php echo $download; ?>"><?php echo $text_download; ?></a></li> 
      <li><a href="<?php echo $logout; ?>"><?php echo $text_logout; ?></a></li> 
      <?php } else { ?> 
      <li><a href="<?php echo $register; ?>"><?php echo $text_register; ?></a></li> 
      <li><a href="<?php echo $login; ?>"><?php echo $text_login; ?></a></li> 
      <?php } ?> 
      </ul> 
     </li> 
     <li><a href="<?php echo $wishlist; ?>" id="wishlist-total" title="<?php echo $text_wishlist; ?>"><i class="fa fa-heart"></i> <span class="hidden-xs hidden-sm hidden-md"><?php echo $text_wishlist; ?></span></a></li> 
     <li><a href="<?php echo $shopping_cart; ?>" title="<?php echo $text_shopping_cart; ?>"><i class="fa fa-shopping-cart"></i> <span class="hidden-xs hidden-sm hidden-md"><?php echo $text_shopping_cart; ?></span></a></li> 
     <li><a href="<?php echo $checkout; ?>" title="<?php echo $text_checkout; ?>"><i class="fa fa-share"></i> <span class="hidden-xs hidden-sm hidden-md"><?php echo $text_checkout; ?></span></a></li> 
     </ul> 
    </div> 
    </div> 
</nav> 
<header> 
    <div class="container"> 
    <div class="row"> 
     <div class="col-sm-4"> 
     <div id="logo"> 
      <?php if ($logo) { ?> 
      <a href="<?php echo $home; ?>"><img src="<?php echo $logo; ?>" title="<?php echo $name; ?>" alt="<?php echo $name; ?>" class="img-responsive" /></a> 
      <?php } else { ?> 
      <h1><a href="<?php echo $home; ?>"><?php echo $name; ?></a></h1> 
      <?php } ?> 
     </div> 
     </div> 
     <div class="col-sm-5"><?php echo $search; ?> 
     </div> 
     <div class="col-sm-3"><?php echo $cart; ?></div> 
    </div> 
    </div> 
</header> 
<?php if ($categories) { ?> 
<div class="container"> 
    <nav id="menu" class="navbar"> 
    <div class="navbar-header"><span id="category" class="visible-xs"><?php echo $text_category; ?></span> 
     <button type="button" class="btn btn-navbar navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"><i class="fa fa-bars"></i></button> 
    </div> 
    <div class="collapse navbar-collapse navbar-ex1-collapse"> 
     <ul class="nav navbar-nav"> 
     <?php foreach ($categories as $category) { ?> 
     <?php if ($category['children']) { ?> 
     <li class="dropdown"><a href="<?php echo $category['href']; ?>" class="dropdown-toggle" data-toggle="dropdown"><?php echo $category['name']; ?></a> 
      <div class="dropdown-menu"> 
      <div class="dropdown-inner"> 
       <?php foreach (array_chunk($category['children'], ceil(count($category['children'])/$category['column'])) as $children) { ?> 
       <ul class="list-unstyled"> 
       <?php foreach ($children as $child) { ?> 
       <li><a href="<?php echo $child['href']; ?>"><?php echo $child['name']; ?></a></li> 
       <?php } ?> 
       </ul> 
       <?php } ?> 
      </div> 
      <a href="<?php echo $category['href']; ?>" class="see-all"><?php echo $text_all; ?> <?php echo $category['name']; ?></a> </div> 
     </li> 
     <?php } else { ?> 
     <li><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a></li> 
     <?php } ?> 
     <?php } ?> 
     </ul> 
    </div> 
    </nav> 
</div> 
<script src="catalog/view/javascript/jquery/lightbox/dist/js/lightbox.js"></script> 
<?php } ?>

источник

2016-01-15 uwe_kwigx

Это происходит потому, что вы (как вы говорите в этом вопросе), включены в два раза css файл, но не файл .js (dist/js/lightbox.js).

Удалите вторую

<link href="catalog/view/javascript/jquery/lightbox/dist/css/lightbox.css" rel="stylesheet">

И заменить его

<script src="catalog/view/javascript/jquery/lightbox/dist/js/lightbox.js" type="text/javascript"></script>

Это shouls сделать его работу, проверьте консоль и увидеть, что ресурсы присутствуют там.

EDIT, после того, как вы зафиксировали, что опечатка
, ИС файла упоминается в PHP если заявление <?php if ($categories) { ?> и для этого, скорее всего, не включенных в страницу. Помещенный линия

<script src="catalog/view/javascript/jquery/lightbox/dist/js/lightbox.js"></script>

Одна строка ниже, так что после <?php } ?> и он должен работать.

источник

2016-01-15 09:04:24

О, это была только опечатка, и я ее исправил. Но он все еще не работает ... –

Я все еще не вижу файл javascript в вашей ссылке, уверен, что он находится в правильном месте? –

Хм я тоже не вижу его, но файл .css есть, я не знаю, почему ... Я отправлю весь заголовок.tpl один момент. Расположение файлов на 100% правильно, я только что проверил его. –

Лайтбокс, не работающий в Opencart

ответ

Смежные вопросы