Перейти к содержанию
Добавить в закладки
 
dimulqa

карусель bootsrap

Автор dimulqa, в Шаблоны, дизайн и оформление магазина

Рекомендуемые сообщения

dimulqa    0

dimulqa
Опубликовано

вставил код карусели 

и если перейти в корзину магазина, то карусель все равно остается, а корзина отображается под ней. 

как исправить 

Поделиться сообщением

Ссылка на сообщение
Поделиться на другие сайты

dimulqa    0

dimulqa
Опубликовано

честно сказать, ничего не ясно.

поясните.

либо расскажите как сделать стандартный слайд шоу в деф шаблоне на всю ширину

Поделиться сообщением

Ссылка на сообщение
Поделиться на другие сайты

dimulqa    0

dimulqa
Опубликовано

вот вписываю я bootstrap темы в хедр, втулил кнопку, вписал ссылку на корзину.

и когда нажимаю на корзину, она открывается внизу, между окончанием хедера и началом футера. 

как избавится от этого ? 

более подробно, для чайника

Поделиться сообщением

Ссылка на сообщение
Поделиться на другие сайты

destreser    71

destreser
Опубликовано

Я ошибся - мне показалось, что у вас проблема в том, что всплывающая корзина перекрывается каруселью. Пардон.

Дайте ссылку на свой сайт, разберемся что там у вас не так.

Поделиться сообщением

Ссылка на сообщение
Поделиться на другие сайты

dimulqa    0

dimulqa
Опубликовано (изменено)

на локалке стоит.

может какие то коды скинуть

хедр:

<!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>
<script src="catalog/view/javascript/jquery/jquery.flexslider-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">
<?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>
<!-- saved from url=(0040)http://bootstrap-3.ru/examples/carousel/ -->
<html lang="en" debug="true"><div id="FirebugChannel" style="display: none;">FB_deactivate</div><script src="chrome-extension://bmagokdooijbeehmkpknfglimnifench/firebug-lite.js" id="FirebugLite" firebugignore="true" extension="Chrome"></script><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="shortcut icon" href="http://bootstrap-3.ru/assets/ico/favicon.ico">
 
    <title>Carousel Template for Bootstrap</title>
 
    <!-- Bootstrap core CSS -->
    <link href="http://bootstrap-3.ru/dist/css/bootstrap.min.css" rel="stylesheet">
 
    <!-- Just for debugging purposes. Don't actually copy this line! -->
    <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
 
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <![endif]-->
 
    <!-- Custom styles for this template -->
    <link href="http://bootstrap-3.ru/examples/carousel/carousel.css" rel="stylesheet">
  <style type="text/css"></style><style id="holderjs-style" type="text/css"></style></head>
<!-- NAVBAR
================================================== -->
  <body>
      <div class="container">
<div class="navbar navbar-default navbar-fixed-top" role="navigation">
          <div class="container-row">
            <div class="navbar-header">
<div class="col-md-9">
        <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>
        </div>
<div class="col-lg-4"><h3><center><i class="glyphicon glyphicon-earphone"></i><b>12424</div>
<p>
<right><div class="col-md-offset-10"><?php echo $cart; ?></i></div></right>
      </div>
    </div>
 
</html>
    <!-- Carousel
    ================================================== -->
    <div id="myCarousel" class="carousel slide" data-ride="carousel">
      <!-- Indicators -->
      <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
      </ol>
      <div class="carousel-inner">
        <div class="item active">
          <img data-src="holder.js/900x500/auto/#777:#7a7a7a/text:First slide" alt="First slide" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5MDAiIGhlaWdodD0iNTAwIj48cmVjdCB3aWR0aD0iOTAwIiBoZWlnaHQ9IjUwMCIgZmlsbD0iIzc3NyIvPjx0ZXh0IHRleHQtYW5jaG9yPSJtaWRkbGUiIHg9IjQ1MCIgeT0iMjUwIiBzdHlsZT0iZmlsbDojN2E3YTdhO2ZvbnQtd2VpZ2h0OmJvbGQ7Zm9udC1zaXplOjU2cHg7Zm9udC1mYW1pbHk6QXJpYWwsSGVsdmV0aWNhLHNhbnMtc2VyaWY7ZG9taW5hbnQtYmFzZWxpbmU6Y2VudHJhbCI+Rmlyc3Qgc2xpZGU8L3RleHQ+PC9zdmc+">
          <div class="container">
            <div class="carousel-caption">
              <h1>Example headline.</h1>
              <p>Note: If you're viewing this page via a <code>file://</code> URL, the "next" and "previous" Glyphicon buttons on the left and right might not load/display properly due to web browser security rules.</p>
              <p><a class="btn btn-lg btn-primary" href="http://bootstrap-3.ru/examples/carousel/#" role="button">Sign up today</a></p>
            </div>
          </div>
        </div>
        <div class="item">
          <img data-src="holder.js/900x500/auto/#666:#6a6a6a/text:Second slide" alt="Second slide" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5MDAiIGhlaWdodD0iNTAwIj48cmVjdCB3aWR0aD0iOTAwIiBoZWlnaHQ9IjUwMCIgZmlsbD0iIzY2NiIvPjx0ZXh0IHRleHQtYW5jaG9yPSJtaWRkbGUiIHg9IjQ1MCIgeT0iMjUwIiBzdHlsZT0iZmlsbDojNmE2YTZhO2ZvbnQtd2VpZ2h0OmJvbGQ7Zm9udC1zaXplOjU2cHg7Zm9udC1mYW1pbHk6QXJpYWwsSGVsdmV0aWNhLHNhbnMtc2VyaWY7ZG9taW5hbnQtYmFzZWxpbmU6Y2VudHJhbCI+U2Vjb25kIHNsaWRlPC90ZXh0Pjwvc3ZnPg==">
          <div class="container">
            <div class="carousel-caption">
              <h1>Another example headline.</h1>
              <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
              <p><a class="btn btn-lg btn-primary" href="http://bootstrap-3.ru/examples/carousel/#" role="button">Learn more</a></p>
            </div>
          </div>
        </div>
        <div class="item">
          <img data-src="holder.js/900x500/auto/#555:#5a5a5a/text:Third slide" alt="Third slide" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5MDAiIGhlaWdodD0iNTAwIj48cmVjdCB3aWR0aD0iOTAwIiBoZWlnaHQ9IjUwMCIgZmlsbD0iIzU1NSIvPjx0ZXh0IHRleHQtYW5jaG9yPSJtaWRkbGUiIHg9IjQ1MCIgeT0iMjUwIiBzdHlsZT0iZmlsbDojNWE1YTVhO2ZvbnQtd2VpZ2h0OmJvbGQ7Zm9udC1zaXplOjU2cHg7Zm9udC1mYW1pbHk6QXJpYWwsSGVsdmV0aWNhLHNhbnMtc2VyaWY7ZG9taW5hbnQtYmFzZWxpbmU6Y2VudHJhbCI+VGhpcmQgc2xpZGU8L3RleHQ+PC9zdmc+">
          <div class="container">
            <div class="carousel-caption">
              <h1>One more for good measure.</h1>
              <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
              <p><a class="btn btn-lg btn-primary" href="http://bootstrap-3.ru/examples/carousel/#" role="button">Browse gallery</a></p>
            </div>
          </div>
        </div>
      </div>
      <a class="left carousel-control" href="http://bootstrap-3.ru/examples/carousel/#myCarousel" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
      <a class="right carousel-control" href="http://bootstrap-3.ru/examples/carousel/#myCarousel" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
    </div><!-- /.carousel -->
 
Изменено пользователем dimulqa

Поделиться сообщением

Ссылка на сообщение
Поделиться на другие сайты

destreser    71

destreser
Опубликовано

У меня терпения не хватит копаться в коде, мне надо видеть проблему :)

Поделиться сообщением

Ссылка на сообщение
Поделиться на другие сайты

dimulqa    0

dimulqa
Опубликовано

У меня терпения не хватит копаться в коде, мне надо видеть проблему :)

вставил значит я в футер шаблон с каруселью с бутстрапа.

и получается что в какой бы я раздел не переходил, с товаром, корзина, акции, мой профиль и т.п.

то сначала идет код с футера, а потом уже то, куда я переходил по ссылке.

post-678004-0-49487900-1436614191_thumb.png

Поделиться сообщением

Ссылка на сообщение
Поделиться на другие сайты

destreser    71

destreser
Опубликовано

Если вы код карусели вставили напрямую в файл шаблона (футер/хедер и т.п.), то конечно эта карусель будет на всех страницах.
Что бы выводить содержимое только на определенных страницах в opencart предусмотрен механизм "схем" (вот тут вроде понятно описано https://asterial.ru/saytostroenie/shemy-v-opencart-razlichnaya-struktura-sayta-dlya-otdelnyh-stranic ).
Для своих целей можете использовать модуль html-блоки (для 1.5.х - https://opencartforum.com/files/file/981-html-%D0%B1%D0%BB%D0%BE%D0%BA/ , в 2.х он уже встроен).

Поделиться сообщением

Ссылка на сообщение
Поделиться на другие сайты

dimulqa    0

dimulqa
Опубликовано

Если вы код карусели вставили напрямую в файл шаблона (футер/хедер и т.п.), то конечно эта карусель будет на всех страницах.

Что бы выводить содержимое только на определенных страницах в opencart предусмотрен механизм "схем" (вот тут вроде понятно описано https://asterial.ru/saytostroenie/shemy-v-opencart-razlichnaya-struktura-sayta-dlya-otdelnyh-stranic ).

Для своих целей можете использовать модуль html-блоки (для 1.5.х - https://opencartforum.com/files/file/981-html-%D0%B1%D0%BB%D0%BE%D0%BA/ , в 2.х он уже встроен).

так, покамись вроде понял. всунул слайдер в home.tpl, отображает только на глагне, как хотел)

тоесть если захочу вставить еще слайдер в корзине к примеру, то нужно будет вставлять код в cart.tpl

верно?

Поделиться сообщением

Ссылка на сообщение
Поделиться на другие сайты

destreser    71

destreser
Опубликовано

Нет. Код слайдера вставьте в модуль html-блок, а затем этот модуль выводите на нужной вам схеме.

Поделиться сообщением

Ссылка на сообщение
Поделиться на другие сайты

dimulqa    0

dimulqa
Опубликовано

вставил как сказали.

но на стр выдает код, текстом, а не карусель

Поделиться сообщением

Ссылка на сообщение
Поделиться на другие сайты

destreser    71

destreser
Опубликовано

Вставляйте код когда в редакторе включен режим исходного кода.

Поделиться сообщением

Ссылка на сообщение
Поделиться на другие сайты

dimulqa    0

dimulqa
Опубликовано

Вставляйте код когда в редакторе включен режим исходного кода.

ага разобрался. спасибо огромное.

но вот теперь след этап. если я код вставляю в хедр ну или в любой .tpl у меня слайдер на всю ширину шаблона, как и должен быть. а если через блок, по вашему совету, то по размерам стандартного слайдшоу

Поделиться сообщением

Ссылка на сообщение
Поделиться на другие сайты

destreser    71

destreser
Опубликовано

Ну, такова стандартная структура шаблона и модулей. Что бы её изменить и реализовать все ваши пожелания необходимы более глубокие познания в веб-разработке, которых у вас, очевидно, пока нет. Ну и в двух словах объяснить что там и как делать - увы, невозможно. Так что либо оставьте так, либо обратитесь в раздел платных услуг.

Поделиться сообщением

Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти
Перейти к списку тем Шаблоны, дизайн и оформление магазина

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.

  Я даю согласие