[Помогите] Подключить fancybox

Тема в разделе "OpenCart", создана пользователем Vintage, 23 ноя 2015.

  1. Vintage

    Vintage

    Регистрация:
    31 мар 2013
    Сообщения:
    237
    Симпатии:
    39
    Не выходит подключить fancybox, скачал от сюда http://www.fancyapps.com/fancybox/ залил в корень, далее вставил в header.tpl вместо
    PHP:
    <script type="text/javascript" src="catalog/view/javascript/jquery/colorpicker/js/colorpicker.js"></script>
    <
    link  href="catalog/view/javascript/jquery/colorpicker/css/colorpicker.css" rel="stylesheet" />
    вставил это

    PHP:
    <!-- Add jQuery library -->
    <
    script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

    <!-- 
    Add mousewheel plugin (this is optional) -->
    <
    script type="text/javascript" src="/fancybox/lib/jquery.mousewheel-3.0.6.pack.js"></script>

    <!-- 
    Add fancyBox -->
    <
    link rel="stylesheet" href="/fancybox/source/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" />
    <
    script type="text/javascript" src="/fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script>

    <!-- 
    Optionally add helpers buttonthumbnail and/or media -->
    <
    link rel="stylesheet" href="/fancybox/source/helpers/jquery.fancybox-buttons.css?v=1.0.5" type="text/css" media="screen" />
    <
    script type="text/javascript" src="/fancybox/source/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script>
    <
    script type="text/javascript" src="/fancybox/source/helpers/jquery.fancybox-media.js?v=1.0.6"></script>

    <
    link rel="stylesheet" href="/fancybox/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" type="text/css" media="screen" />
    <
    script type="text/javascript" src="/fancybox/source/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script>
    и это

    PHP:
    <script type="text/javascript">
        $(
    document).ready(function() {
            $(
    ".fancybox").fancybox();
        });
    </
    script>
    как правильно про писать этот пункт не знаю

    PHP:
    <class="fancybox" rel="group" href="big_image_1.jpg"><img src="small_image_1.jpg" alt="" /></a>
    <
    class="fancybox" rel="group" href="big_image_2.jpg"><img src="small_image_2.jpg" alt="" /></a>
     
  2. Dotrox

    Dotrox Команда форума

    Регистрация:
    27 ноя 2012
    Сообщения:
    2.054
    Симпатии:
    779
    С таким подходом, вам этот вопрос нужно задавть не в разделе ОпенКарта.
    1. Заливать файлы нужно не куда вздумается, а в стандартные директории движка.
    2. Зачем вы подключили jQuery, если она в ОК и так всегда подключена? Если вам нужна более свежая версия, то нужно не ещё одну подключать, а заменить уже подключённую версию, иначе у вас часть скриптов может отвалиться.
    3. Вы понимаете, что colorpicker - это не colorbox и не имеет никакого отношения к выводу изображений товаров? Зачем вы именно его подключение заменили на fancybox?
    4. Вам действительно нужна вся куча дополнительных скриптов, которые вы подключили вместе с fancybox?

    Ну и последнее: задавая такие вопросы - ссылка на сайт обязательна! Будет ссылка - я смогу сказать, что куда заливать и как подключать.
     
    corsaro нравится это.
  3. Vintage

    Vintage

    Регистрация:
    31 мар 2013
    Сообщения:
    237
    Симпатии:
    39
    ride.com.ua если не сложно напишите что куда заливать и что куда подключать, откатил на стандартную
     
  4. Dotrox

    Dotrox Команда форума

    Регистрация:
    27 ноя 2012
    Сообщения:
    2.054
    Симпатии:
    779
    В директории /catalog/view/javascript/ создайте папку fancybox. Залейте туда содержимое директории source из архива с fancybox.
    Затем в /catalog/view/theme/lexus_market/template/common/header.tpl перед </head> добавьте это:
    Код:
    <link rel="stylesheet" href="catalog/view/javascript/fancybox/jquery.fancybox.css" type="text/css" media="screen" />
    <script type="text/javascript" src="catalog/view/javascript/fancybox/jquery.fancybox.pack.js"></script>
    
    И там же чуть выже уберите это
    Код:
    <link href="catalog/view/javascript/jquery/colorbox/colorbox.css" rel="stylesheet" />
    и это
    Код:
    <script type="text/javascript" src="catalog/view/javascript/jquery/colorbox/jquery.colorbox-min.js"></script>
    Затем найдите код вызова colorbox. Например, на странице товора он выглядит так:
    Код:
    $(document).ready(function() {
      $('.colorbox').colorbox({
        overlayClose: true,
        opacity: 0.5,
        rel: "colorbox"
      });
    });
    И замените его на это:
    Код:
    $(document).ready(function() {
      $('.colorbox').fancybox();
    });
    Класс .colorbox оставляем, чтоб не пришлось его переписывать во всех тегах.
     
    corsaro и Vintage нравится это.
  5. Vintage

    Vintage

    Регистрация:
    31 мар 2013
    Сообщения:
    237
    Симпатии:
    39
    PHP:
    <?php
    /******************************************************
    * @package Pav Opencart Theme Framework for Opencart 1.5.x
    * @version 1.1
    * @author http://www.pavothemes.com
    * @copyright    Copyright (C) Augus 2013 PavoThemes.com <@emai:[email protected]>.All rights reserved.
    * @license        GNU General Public License version 2
    *******************************************************/

        
    $themeConfig $this->config->get'themecontrol' );
        
    $themeName =  $this->config->get('config_template');
        require_once( 
    DIR_TEMPLATE.$this->config->get('config_template')."/development/libs/framework.php" );
        
    $helper ThemeControlHelper::getInstance$this->registry$themeName );
        
    $helper->setDirection$direction );
        
    /* Add scripts files */
        
    $helper->addScript'catalog/view/javascript/jquery/jquery-1.7.1.min.js' );
        
    $helper->addScript'catalog/view/javascript/jquery/ui/jquery-ui-1.8.16.custom.min.js' );
        
    $helper->addScript'catalog/view/javascript/jquery/ui/external/jquery.cookie.js' );
        
    $helper->addScript'catalog/view/javascript/common.js' );
        
    $helper->addScript'catalog/view/theme/'.$themeName.'/javascript/common.js' );
        
    $helper->addScript'catalog/view/javascript/jquery/bootstrap/bootstrap.min.js' );
       
        
    //js hover images
        
    $helper->addScript'catalog/view/theme/'.$themeName.'/javascript/jquery.scrollTo.js' );
        
    $helper->addScript'catalog/view/theme/'.$themeName.'/javascript/jquery.serialScroll.js' );
        
    $helper->addScript'catalog/view/theme/'.$themeName.'/javascript/jquery.jscroll.js' );

        
    $helper->addScriptList$scripts );
       
        
    $helper->addCss'catalog/view/javascript/jquery/ui/themes/ui-lightness/jquery-ui-1.8.16.custom.css' );   
        if( isset(
    $themeConfig['customize_theme'])
            && 
    file_exists(DIR_TEMPLATE.$themeName.'/stylesheet/customize/'.$themeConfig['customize_theme'].'.css') ) { 
            
    $helper->addCss'catalog/view/theme/'.$themeName.'/stylesheet/customize/'.$themeConfig['customize_theme'].'.css'  );
        }

        
    $helper->addCss'catalog/view/theme/'.$themeName.'/stylesheet/animation.css' );   
        
    $helper->addCss'catalog/view/theme/'.$themeName.'/stylesheet/font-awesome.min.css' );
        
    $helper->addCss'catalog/view/theme/'.$themeName.'/stylesheet/font.css' );   
        
    $helper->addCssList$styles );
        
    $layoutMode $helper->getParam'layout' );
        
    $vmegamenu $helper->renderModule'module/pavverticalmenu' );
       
        
    //call by framework
         
    $configpav $this->config->get('category_module');
          
    $pavaccessories = empty($configpav)?'':$helper->renderModule'module/category' );
          
    //call by framework Auto Search
         
    $configsearch $this->config->get('pavautosearch_module');
          
    $autosearch = empty($configsearch)?'':$helper->renderModule'module/pavautosearch' );   
    ?>
    <!DOCTYPE html>
    <html dir="<?php echo $helper->getDirection(); ?>" class="<?php echo $helper->getDirection(); ?>" lang="<?php echo $lang?>">
    <head>
    <!-- Mobile viewport optimized: h5bp.com/viewport -->
    <meta name="viewport" content="width=device-width">
    <meta charset="UTF-8" />
    <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 ?>
    <?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 ?>
    <?php 
    foreach ($helper->getCssLinks() as $link) { ?>
    <link href="<?php echo $link['href']; ?>" rel="<?php echo $link['rel']; ?>" />
    <?php ?>

        <?php if( $themeConfig['theme_width'] &&  $themeConfig['theme_width'] != 'auto' ) { ?>
                <style> #page-container .container{max-width:<?php echo $themeConfig['theme_width'];?>; width:auto}</style>
        <?php ?>
       
        <?php if( isset($themeConfig['use_custombg']) && $themeConfig['use_custombg'] ) {    ?>
        <style>
            body{
                background:url( "image/<?php echo $themeConfig['bg_image'];?>") <?php echo $themeConfig['bg_repeat'];?>  <?php echo $themeConfig['bg_position'];?> !important;
            }</style>
        <?php ?>
    <?php
        
    if( isset($themeConfig['enable_customfont']) && $themeConfig['enable_customfont'] ){
        
    $css=array();
        
    $link = array();
        for( 
    $i=1$i<=3$i++ ){
            if( 
    trim($themeConfig['google_url'.$i]) && $themeConfig['type_fonts'.$i] == 'google' ){
                
    $link[] = '<link rel="stylesheet" type="text/css" href="'.trim($themeConfig['google_url'.$i]) .'"/>';
                
    $themeConfig['normal_fonts'.$i] = $themeConfig['google_family'.$i];
            }
            if( 
    trim($themeConfig['body_selector'.$i]) && trim($themeConfig['normal_fonts'.$i]) ){
                
    $css[]= trim($themeConfig['body_selector'.$i])." {font-family:".str_replace("'",'"',htmlspecialchars_decode(trim($themeConfig['normal_fonts'.$i])))."}\r\n"    ;
            }
        }
        echo 
    implode"\r\n",$link );
    ?>
    <style>
        <?php echo implode("\r\n",$css);?>
    </style>
    <?php } else { ?>
    <?php 
    if (isset($_SERVER['HTTPS']) && (($_SERVER['HTTPS'] == 'on') || ($_SERVER['HTTPS'] == '1'))) { ?>
        <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,700' rel='stylesheet' type='text/css'>
        <link href='http://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900' rel='stylesheet' type='text/css'>
        <link href='http://fonts.googleapis.com/css?family=Oxygen:400,300,700' rel='stylesheet' type='text/css'>
        <link href='http://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
        <link href='http://fonts.googleapis.com/css?family=Asap:400,400italic,700,700italic' rel='stylesheet' type='text/css'>   
        <link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,700' rel='stylesheet' type='text/css'>
        <link href='http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>   
    <?php } else { ?>
        <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,700' rel='stylesheet' type='text/css'>
        <link href='http://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900' rel='stylesheet' type='text/css'>
        <link href='http://fonts.googleapis.com/css?family=Oxygen:400,300,700' rel='stylesheet' type='text/css'>
        <link href='http://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
        <link href='http://fonts.googleapis.com/css?family=Asap:400,400italic,700,700italic' rel='stylesheet' type='text/css'>   
        <link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,700' rel='stylesheet' type='text/css'>
        <link href='http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>   
    <?php ?>

    <?php ?>
    <?php 
    foreach( $helper->getScriptFiles() as $script )  { ?>
    <script type="text/javascript" src="<?php echo $script?>"></script>
    <?php ?>

    <?php if( isset($themeConfig['enable_paneltool']) && $themeConfig['enable_paneltool'] ){  ?>
    <link  href="catalog/view/theme/<?php echo $themeName;?>/stylesheet/paneltool.css" rel="stylesheet"/>
    <script type="text/javascript" src="catalog/view/javascript/jquery/colorpicker/js/colorpicker.js"></script>
    <link  href="catalog/view/javascript/jquery/colorpicker/css/colorpicker.css" rel="stylesheet" />
    <?php ?>
    <?php 
    if( isset($themeConfig['custom_javascript'])  && !empty($themeConfig['custom_javascript']) ){ ?>
        <script type="text/javascript"><!--
            $(document).ready(function() {
                <?php echo html_entity_decode(trim$themeConfig['custom_javascript']) ); ?>
            });
    //--></script>
    <?php }    ?>

    <!--[if lt IE 9]>
    <?php if( isset($themeConfig['load_live_html5'])  && $themeConfig['load_live_html5'] ) { ?>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <?php } else { ?>
    <script src="catalog/view/javascript/html5.js"></script>
    <?php ?>
    <script src="catalog/view/javascript/respond.min.js"></script>
    <link rel="stylesheet" type="text/css" href="catalog/view/theme/<?php echo $themeName;?>/stylesheet/ie8.css" />
    <![endif]-->

    <?php if ( isset($stores) && $stores ) { ?>
    <script type="text/javascript"><!--
    $(document).ready(function() {
    <?php foreach ($stores as $store) { ?>
    $('body').prepend('<iframe src="<?php echo $store?>" style="display: none;"></iframe>');
    <?php ?>
    });
    //--></script>
    <?php ?>
    <?php 
    echo $google_analytics?>
    </head>
    <body id="offcanvas-container" class="offcanvas-container layout-<?php echo $layoutMode?> fs<?php echo $themeConfig['fontsize'];?> <?php echo $helper->getPageClass();?> <?php echo $helper->getParam('body_pattern','');?>">
    <section id="page" class="offcanvas-pusher" role="main">
        <section id="topbar">
            <div class="container">
                <div class="row">
                        <div class="col-lg-8 col-md-8 hidden-sm hidden-xs welcome pull-left">
                            <div class="custom-top call-support">
                                <p><i class="fa fa-mobile"></i>Call for support:<span class="call-number"> 0123 456 789</span></p>
                            </div>
                            <div class="custom-top mail-contact">
                                <p><i class="fa fa-envelope"></i>[email protected]</p>
                            </div>                       
                            <?php if (!$logged) { ?>
                            <?php echo $text_welcome?>
                            <?php } else { ?>
                            <?php echo $text_logged?>
                            <?php ?>
                        </div>

                        <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 pull-right">
                            <div class="show-mobile pull-right">
                                <div class="quick-cart pull-right">
                                    <div class="quickcart-toggle">
                                        <?php echo $cart?>
                                    </div>
                                </div>

                                <div class="quick-user pull-right">
                                    <div class="quickaccess-toggle">
                                        <i class="fa fa-user"></i><i class="fa fa-angle-down"></i>
                                        <div class="inner-toggle">
                                            <div class="language">
                                                <?php echo $language?>
                                            </div>
                                            <div class="currency">
                                                <?php echo $currency?>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="quick-setting pull-right">
                                    <div class="quickaccess-toggle">
                                        <i class="fa fa-cog"></i><i class="fa fa-angle-down"></i>
                                        <div class="inner-toggle">
                                            <ul class="links ">
                                                <!--<li><a class="first" href="<?php echo $home?>"><?php echo $text_home?></a></li> -->
                                                <li><a class="wishlist" href="<?php echo $wishlist?>" id="wishlist-total"><span class="icon-heart"></span><?php echo $text_wishlist?></a></li>
                                                <li><a class="" href="<?php echo $account?>"><span class="icon-user"></span><?php echo $text_account?></a></li>
                                                <li><a class="shoppingcart" href="<?php echo $shopping_cart?>"><span class="icon-shopping-cart"></span><?php echo $text_shopping_cart?></a></li>
                                                <li><a class="last" href="<?php echo $checkout?>"><span class="icon-file"></span><?php echo $text_checkout?></a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>

                                <div class="quick-setting pull-right hidden-lg hidden-md">
                                    <div class="quickaccess-toggle">
                                        <i class="icon-list"></i>
                                        <div class="inner-toggle">
                                            <?php if (!$logged) { ?>
                                            <?php echo $text_welcome?>
                                            <?php } else { ?>
                                            <?php echo $text_logged?>
                                            <?php ?>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                </div>       
            </div>       
        </section>
               
               
               
        <section id="header">
            <div id="main-header">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 inner ">
                                <div id="pav-mainnav">
                                    <div class="mainnav-wrap">
                                        <div class="row">
                                            <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 inner">
                                                <?php if ($logo) { ?>
                                                    <div id="logo"><a href="<?php echo $home?>"><img src="<?php echo $logo?>" title="<?php echo $name?>" alt="<?php echo $name?>" /></a></div>
                                                <?php ?>                   
                                            </div>                       
                                            <div class="col-lg-9 col-md-9 col-sm-12 col-xs-12">
                                                                               
                                                    <div class="main-menu">
                                                        <div class="navbar navbar-inverse">
                                                            <nav class="pav-megamenu" role="navigation">
                                                            <?php
                                                            
    /**
                                                             * Main Menu modules: as default if do not put megamenu, the theme will use categories menu for main menu
                                                             */
                                                            
    $modules $helper->getModulesByPosition'mainmenu' );
                                                            if( 
    count($modules) && !empty($modules) ){

                                                            
    ?>

                                                                <?php foreach ($modules as $module) { ?>
                                                                    <?php echo $module?>
                                                                <?php ?>

                                                            <?php } elseif ($categories) {  ?>
                                                       
                                                                
                                                                <div class="navbar-header">
                                                                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
                                                                    <span class="sr-only">Toggle navigation</span>
                                                                    <span class="icon-bar"></span>
                                                                    <span class="icon-bar"></span>
                                                                    <span class="icon-bar"></span>
                                                                    </button>
                                                                </div>

                                                                <div class="collapse navbar-collapse navbar-ex1-collapse">
                                                                    <ul class="nav navbar-nav">
                                                                        <li><a href="<?php echo $home?>" title="<?php echo $this->language->get('text_home');?>"><?php echo $this->language->get('text_home');?></a></li>
                                                                        <?php foreach ($categories as $category) { ?>
                                                                        <?php if ($category['children']) { ?>           
                                                                        <li class="parent dropdown deeper "><a href="<?php echo $category['href'];?>" class="dropdown-toggle" data-toggle="dropdown"><?php echo $category['name']; ?>
                                                                        <b class="caret"></b>
                                                                        </a>
                                                                        <?php } else { ?>
                                                                        <li ><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a>
                                                                        <?php ?>
                                                                        <?php if ($category['children']) { ?>
                                                                          <ul class="dropdown-menu">
                                                                            <?php for ($i 0$i count($category['children']);) { ?>
                                                                           
                                                                              <?php $j $i ceil(count($category['children']) / $category['column']); ?>
                                                                              <?php for (; $i $j$i++) { ?>
                                                                              <?php if (isset($category['children'][$i])) { ?>
                                                                              <li><a href="<?php echo $category['children'][$i]['href']; ?>"><?php echo $category['children'][$i]['name']; ?></a></li>
                                                                              <?php ?>
                                                                              <?php ?>
                                                                           
                                                                            <?php ?>
                                                                        </ul>
                                                                          <?php ?>
                                                                        </li>
                                                                        <?php ?>
                                                                     </ul>
                                                                </div>      
                                                            <?php ?>
                                                            </nav>
                                                        </div>
                                                    </div>
                                            </div>
                                        </div>
                                </div>
                            </div>
                        </div>   
                    </div>
                </div>   
           
            <div id="header-bottom">
                <div class="container">
                    <div class="row">                           
                                <div class="col-lg-3 col-sm-3 col-md-3 hidden-xs hidden-sm">
                                    <div id="pav-verticalmenu" class="pav-dropdown">
                                        <div class="box-heading d-heading">
                                            <h4>
                                                <i class="fa fa-bars"></i>
                                                <?php echo $this->language->get('text_catalog_menu'); ?>
                                                <i class="fa fa-angle-down"></i>
                                                <span class="arrow-down pull-right"><span></span></span>
                                            </h4>                               
                                        </div>   
                                        <div class="box-content d-content">
                                            <?php echo $vmegamenu?>
                                        </div>
                                    </div>           
                                </div>                               
                                <div class="col-lg-9 col-md-9 col-sm-12 search-wrapper">
                                    <div id="search" class="pull-right">
                                        <?php if(!empty($autosearch)) { ?>
                                            <?php echo $autosearch ?>
                                        <?php } else { ?>
                                            <input type="text" name="search" placeholder="<?php echo $text_search?>" value="<?php echo $search?>" />
                                            <span class="button-search fa fa-search"></span>
                                        <?php ?>
                                    </div>   
                                </div>                                       
                    </div>   
                </div>       
            </div>   
               
        </section>


    <?php
    /**
    * Slideshow modules
    */
    $modules $helper->getModulesByPosition'slideshow' );
    if( 
    $modules ){
    ?>
    <section id="pav-slideshow" class="pav-slideshow">
            <?php foreach ($modules as $module) { ?>
                <?php echo $module?>
            <?php ?>
    </section>
    <?php }?>

    <?php
    if($helper->getPageClass()!='page-category' &&
        
    $helper->getPageClass()!='page-product' &&
        
    $helper->getPageClass()!='page-deals'&&
        
    $helper->getPageClass()!='page-special'&&
        
    $helper->getPageClass()!='page-search'
       
        
    ){ ?>

    <section id="sys-notification">
        <div class="container">       
            <div id="notification"></div>
        </div>
    </section>

    <?php }?>

    <?php
    /**
    * Promotion modules
    * $ospans allow overrides width of columns base on thiers indexs. format array( column-index=>span number ), example array( 1=> 3 )[value from 1->12]
    */
    $modules $helper->getModulesByPosition'showcase' );
    $ospans = array();

    if( 
    count($modules) ){
    $cols = isset($config['block_showcase'])&& $config['block_showcase']?(int)$config['block_showcase']:count($modules);   
    $class $helper->calculateSpans$ospans$cols );
    ?>
    <section class="pav-showcase" id="pavo-showcase">
        <div class="container">
        <?php $j=1;foreach ($modules as $i =>  $module) {  ?>
                <?php if(  $i++%$cols == || count($modules)==1  ){  $j=1;?><div class="row"><?php ?>   
                <div class="<?php echo $class[$j];?>"><?php echo $module?></div>
                <?php if( $i%$cols == || $i==count($modules) ){ ?></div><?php ?>   
        <?php  $j++;  } ?>   
        </div>
    </section>
    <?php ?>
    <?php
    /**
    * Promotion modules
    * $ospans allow overrides width of columns base on thiers indexs. format array( 1=> 3 )[value from 1->12]
    */
    $modules $helper->getModulesByPosition'promotion' );
    $ospans = array();

    if( 
    count($modules) ){
    $cols = isset($config['block_promotion'])&& $config['block_promotion']?(int)$config['block_promotion']:count($modules);   
    $class $helper->calculateSpans$ospans$cols );
    ?>
    <section class="pav-promotion" id="pav-promotion">
        <div class="container">
        <?php $j=1;foreach ($modules as $i =>  $module) {  ?>
                <?php if( $i++%$cols == || count($modules)==){  $j=1;?><div class="row"><?php ?>   
                <div class="<?php echo $class[$j];?>"><?php echo $module?></div>
                <?php if( $i%$cols == || $i==count($modules) ){ ?></div><?php ?>   
        <?php  $j++;  } ?>   
        </div>
    </section>
    <?php ?>

       
        <?php if( isset($themeConfig['enable_offsidebars']) && $themeConfig['enable_offsidebars'] ) { ?>
        <section id="columns" class="offcanvas-siderbars"><div class="container">
        <div class="row visible-xs"><div class="container">
            <div class="offcanvas-sidebars-buttons">
                <button type="button" data-for="column-left" class="pull-left btn btn-danger"><i class="glyphicon glyphicon-indent-left"></i> <?php echo $this->language->get('text_sidebar_left'); ?></button>
               
                <button type="button" data-for="column-right" class="pull-right btn btn-danger"><?php echo $this->language->get('text_sidebar_right'); ?> <i class="glyphicon glyphicon-indent-right"></i></button>
            </div>
        </div></div>
        <?php }else { ?>
        <section id="columns"><div class="container">
        <?php ?>
        <div class="row">
    Из похожего только такое есть, это и убрал

    PHP:
    <script type="text/javascript" src="catalog/view/javascript/jquery/colorpicker/js/colorpicker.js"></script>
    <
    link  href="catalog/view/javascript/jquery/colorpicker/css/colorpicker.css" rel="stylesheet" />
    В /catalog/view/theme/lexus_market/template/product поменял на
    PHP:
    $(document).ready(function() {
      $(
    '.colorbox').fancybox();
    });
    Теперь при нажатии на изображении открывается в новом окне
     
  6. Dotrox

    Dotrox Команда форума

    Регистрация:
    27 ноя 2012
    Сообщения:
    2.054
    Симпатии:
    779
    Да чего уж там, если смотреть на "похожее", то убирайте тогда всё, где есть расширения .css и .js :Biggrin:
    Если здесь подключения colorbox нет, значит оно в контроллере. Посмотрите контроллеры шапки и товара.

    Я вам в каком месте сказал подключить файл с fancybox и файл его стилей? Внимательно посмотрите! А вы куда подключили?
     
  7. Vintage

    Vintage

    Регистрация:
    31 мар 2013
    Сообщения:
    237
    Симпатии:
    39
    Вообщем это подключил перед </head>

    Код:
    <link rel="stylesheet" href="catalog/view/javascript/fancybox/jquery.fancybox.css" type="text/css" media="screen" />
    <script type="text/javascript" src="catalog/view/javascript/fancybox/jquery.fancybox.pack.js"></script>
    Потом в catalog/controller/product/product.php убрал это

    Код:
                $this->document->addScript('catalog/view/javascript/jquery/colorbox/jquery.colorbox-min.js');
                $this->document->addStyle('catalog/view/javascript/jquery/colorbox/colorbox.css');
    И в /catalog/view/theme/lexus_market/template/product поменял на

    Код:
    $(document).ready(function() {
      $('.colorbox').fancybox();
    });
    Может что сделал и неправильно, но вроде как заработало, только не переключается между собой
     
  8. Dotrox

    Dotrox Команда форума

    Регистрация:
    27 ноя 2012
    Сообщения:
    2.054
    Симпатии:
    779
    А доки вы смотреть не пробовали? Там же есть вполне простой пример с галереей, по которому понятно, что для добавления какого-то изображения в галерею нужно в его ссылку-обёртку добавить rel="gallery1", где вместо gallery1 может быть любой общий идентификатор для связки изображений в одну галерею.
     
  9. Vintage

    Vintage

    Регистрация:
    31 мар 2013
    Сообщения:
    237
    Симпатии:
    39
    Я это видел, но как это сделать я не знаю, помогите далекому
     
  10. Dotrox

    Dotrox Команда форума

    Регистрация:
    27 ноя 2012
    Сообщения:
    2.054
    Симпатии:
    779
    /catalog/view/theme/lexus_market/template/product/product-tpl
    Ищите эти ссылки и добавляете соответствующий атрибут.
     
    Vintage нравится это.
  11. Vintage

    Vintage

    Регистрация:
    31 мар 2013
    Сообщения:
    237
    Симпатии:
    39
    Есть, добавил в 2 ссылки

    PHP:
    <a href="<?php echo $image['popup']; ?>" title="<?php echo $heading_title?>" class="<?php echo $colorbox?>" rel="gallery1" data-zoom-image="<?php echo $image['popup']; ?>" data-image="<?php echo $image['popup']; ?>">
    PHP:
    <a href="<?php echo $popup?>" title="<?php echo $heading_title?>" class="colorbox" rel="gallery1">
    Есть еще один вопрос по роботе, но это проблема была и с colorbox, при нажатии на первое изображение все остальные пролистываются нормально, но вот если выбрать второе изображение и начать листать, то почему то первого изображения вообще нет, дважды повторяется изображение которое открыли

    Есть еще один вопрос по роботе, но это проблема была и с colorbox, при нажатии на первое изображение все остальные пролистываются нормально, но вот если выбрать второе изображение и начать листать, то почему то первого изображения вообще нет, дважды повторяется изображение которое открыли

    Так не знаете в чем может быть дело?
     
    Lasted edited by : 28 ноя 2015
  12. Dotrox

    Dotrox Команда форума

    Регистрация:
    27 ноя 2012
    Сообщения:
    2.054
    Симпатии:
    779
    Ну, я с этим сталкивался, такое часто встречается в шаблонах из-за неправильного вывода изображений на страницу. Но какого-то универсального решения я подсказать не могу, нужно ковырять вывод изображений в контроллере и шаблоне, сделать нормальный набор размеров для каждого и правильно их вывести.
     
  13. Vintage

    Vintage

    Регистрация:
    31 мар 2013
    Сообщения:
    237
    Симпатии:
    39
    Ясно, тогда я точно пролетаю с этим, а просить это всё сделать будет наглостью)
    --- Добавлено, 29 ноя 2015 ---
    Не подскажите только где вывод изображений изменить?
     
  14. Dotrox

    Dotrox Команда форума

    Регистрация:
    27 ноя 2012
    Сообщения:
    2.054
    Симпатии:
    779
    А есть варианты? В шаблоне страницы товара, конечно же. Вы с ним уже работали.