Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

карусель bootsrap

dimulqa
 Share

Recommended Posts

dimulqa Explorer

dimulqa

Опубліковано:
  • Автор
Опубліковано:

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

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

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

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

Надіслати
Поділитися на інших сайтах

destreser Mentor

destreser

Опубліковано:
Опубліковано:

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

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

Надіслати
Поділитися на інших сайтах

dimulqa Explorer

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
Надіслати
Поділитися на інших сайтах

dimulqa Explorer

dimulqa

Опубліковано:
  • Автор
Опубліковано:

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

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

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

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

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

Надіслати
Поділитися на інших сайтах

destreser Mentor

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 Explorer

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

верно?

Надіслати
Поділитися на інших сайтах

dimulqa Explorer

dimulqa

Опубліковано:
  • Автор
Опубліковано:

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

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

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

Надіслати
Поділитися на інших сайтах

destreser Mentor

destreser

Опубліковано:
Опубліковано:

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

Надіслати
Поділитися на інших сайтах

Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
 Share
Перейти до списку тем

  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку

Покупцям

Розробникам

Корисна інформація

Останні розширення

×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.

  Я даю згоду