Где зарыта "собака"?

[novichok1955]

Братцы!!  Огромное спасибо за Вашу информацию....   Чую что ЭТО то что НАДО!!  Сейчас доведу работу с Хедером и начну переваривать то что вы мне скинули!!!

С хедером разобрался по своему...)))  проблему решил!  Немного поработаю над дизайном и сброшу скрин )))

 

этим кодом заменил свой и проблема со слайдером сдвинулась в лучшую сторону.... правда пока не на все 100%. Наверное "собака" все же зарыта в PHP...  ну  поработаю над вашей  последней информацией и что-то проясниться - Я УВЕРЕН!!!

 

Змінено 25 квітня 2017 користувачем novichok1955
Ой.... не вставился вот ЭТОТ код! <?php echo $header; ?> <div class="container-fluid wide-content"> <div class="container"> <div class="row"><?php echo $column_left; ?> <?php if ($column_left && $column_right) { ?> <?php $class = 'col-sm-6';

[novichok1955]

Ну как-то ТАК...

[novichok1955]

Никак не перекрашу кнопку корзины... но это чуть позже... в стилешифт она не редактируется..

 

[novichok1955]

<?php echo $header; ?>
<div class="container-fluid wide-content">
<div class="container">
  <div class="row"><?php echo $column_left; ?>
    <?php if ($column_left && $column_right) { ?>
    <?php $class = 'col-sm-6'; ?>
    <?php } elseif ($column_left || $column_right) { ?>
    <?php $class = 'col-sm-9'; ?>
    <?php } else { ?>
    <?php $class = 'col-sm-12'; ?>
    <?php } ?>
    <div id="content" class="<?php echo $class; ?>"><?php echo $content_top; ?><?php echo $content_bottom; ?></div>
    <?php echo $column_right; ?></div>
</div>
</div><!--wide-content-->
<?php echo $footer; ?>

 

 

 

ВОТ ЭТИМ кодом я заменил свой...   Он почему то  не вставился в пред. посте...

[jaffagold]

1 час назад, novichok1955 сказал:

Никак не перекрашу кнопку корзины... но это чуть позже... в стилешифт она не редактируется..

 

Там в коде 

\catalog\view\theme\default\template\common\cart.tpl

Скрытый текст

<div id="cart" class="btn-group btn-block">
  <button type="button" data-toggle="dropdown" data-loading-text="<?php echo $text_loading; ?>" class="btn btn-inverse btn-block btn-lg dropdown-toggle"><i class="fa fa-shopping-cart"></i> <span id="cart-total"><?php echo $text_items; ?></span></button>

уберите btn-inverse и она станет нейтрально серой, а потом ее стилями укатываете

можете сразу свой стиль туда прописать вместо удаленного

или просто так

#cart .btn-inverse {
    background: green;
}

Цитата

ВОТ ЭТИМ кодом я заменил свой...   Он почему то  не вставился в пред. посте...

 и..? так было задумано изначально? или что-то не так?

Если так, то в принципе, заменять не надо, надо делать внешнюю обертку

<div class="container-fluid wide-content">

для имеющегося кода, обычно  находящегося в div.container

</div>

И еще. Делайте пошаговые бэкапы, чтобы не начинать сначала. Не забывайте проверять на малых и средних экранах.

 

Змінено 25 квітня 2017 користувачем jaffagold

[novichok1955]

NEXT я ставил в самом начале своего "копания" ..  и у меня он развалил все! Наверное что-то я накосячил.

Ну а самое главное - в нем нет БЛОГА!!!  И когда я наткнулся на опенкарт SMC с блогм, выбор стал окончательным.

И потом, в SMC есть кое-какие функции по редактированию категорий и товаров, которые новичку облегчают жизнь... меньше суеты по оформлении  и наполнению магазина.

 ( подскажите как выводить в сообщении ник собеседника???  никак не пойму, кнокаю на ОБРАТИТЬСЯ, а ничего не прибавляется... а то как-то мне и неудобно!!

[novichok1955]

Quote

и..? так было задумано изначально? или что-то не так?

Если так, то в принципе, заменять не надо, надо делать внешнюю обертку

<div class="container-fluid wide-content">

для имеющегося кода, обычно  находящегося в div.container

</div>

И еще. Делайте пошаговые бэкапы, чтобы не начинать сначала. Не забывайте проверять на малых и средних экранах.

 

Я работаю в редакторе Breckets и там храню архивы файлов, если что - просто копирую и вставляю на хостинг...

 

Теперь о слайдере:  НЕТ! надо чтоб он полностью лег на всю ширину  экрана  - как на моем сайте!)

А по поводу адаптивности, конечно же проверяю, если что-то редактирую в размерах, а так ЗДЕСЬ просто ШИКАРНАЯ адаптация!

 

кстати,   спасибо о подсказке про <div class="container-fluid wide-content">  ... я этого не знал, всегда пользовался просто  контейнер !

 

 

Spoiler

Кстати спасибо за подсказку про <div class="container-fluid wide-content">   и за отличную ссылку о Будстрап, я на на такую не натыкался!  все учил по офиц. русскоязычному официальному.

 

Ни и за  btn тоже !!!...

 

[unknown]

Чтобы было так: novichok1955

нажать

 

Чтобы было так: @novichok1955

нажать на @

 

Змінено 25 квітня 2017 користувачем unknown

[novichok1955]

Ну вот осталось растянуть слайдер на ширину всего экрана и вуаля...)))) Займусь этим завтра!!!

Братцы!  Спасибо за  Вашу помощь!!!

[novichok1955]

[jaffagold]

4 часа назад, novichok1955 сказал:

 

NEXT я ставил в самом начале своего "копания" ..  и у меня он развалил все!

 

еще раз, обращаю ваше внимание.

Я на opencartPRO версии 23022 установил модуль Free Position ( не шаблон Next Default)

И в широкоэкранную позицию совершенно без проблем вывел широкоэкранный слайдер и произвольный широкоэкранный модуль.

Скриншот с модулем я вам показывал.

 

Если это делать руками, то не все так просто, смотрите, вот исходный код home.tpl

Скрытый текст

<?php echo $header; ?>
<div class="container">
  <div class="row">

   <?php echo $column_left; ?>
    <?php if ($column_left && $column_right) { ?>
    <?php $class = 'col-sm-6'; ?>
    <?php } elseif ($column_left || $column_right) { ?>
    <?php $class = 'col-sm-9'; ?>
    <?php } else { ?>
    <?php $class = 'col-sm-12'; ?>
    <?php } ?>
       <div id="content" class="<?php echo $class; ?>">

           <?php echo $content_top; ?>

           <?php echo $content_bottom; ?>

      </div>
    <?php echo $column_right; ?>

 </div>
</div>
<?php echo $footer; ?>

 

Мы уже разбирали его

Выводится вверху header включая горизонтальное меню, внизу footer. Не будем о них сейчас.

а самое важное посередине

Оно заключено в div.container (ширина 1170 пикселей на экранах шириной более 1200)

общий div.row ( он не ограничен по ширине, у него одна единственная функция в разметке: установить -15 пикселей margin-left, margin-right)

В нем может выводиться 3 колонки 

левая, центральная колонка контента( div#content) и правая

Причем, в колонке контента есть две позиции верх и низ. (над и под основным контентом страницы, если этот контент есть, но на Главной ничего нет, кроме того, что мы туда разместим.)

В этих позициях выводятся все модули, которые мы указываем в схеме  Главной страницы.

Но ничего из вышеперечисленного в этой схеме вывода не может выйти за границу блока div.container

Широкий экран нам может дать только div.container-fluid

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

 

Чтобы не городить огород, на поверхности лежит решение (модуль Free Position):

Oрганизовать две широкоэкранные позиции, которые непосредственно примыкают к header-у и footer-у и не попадают в тот самый div.container

В принципе, можно в них выводить любые модули, не только слайдер.

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

И не только на Главной, но и на других страницах сайта.

 

 

 

Змінено 25 квітня 2017 користувачем jaffagold

[novichok1955]

@jaffagold Спасибо! Все очень понятно и доступно! Я это интуитивно понимал, а сейчас - ВСЕ ПО ПОЛОЧКАМ!

Мне ОЧЕНЬ нравится некст... И если к нему можно прикрутить БЛОГ...  выберу его ОДНОЗНАЧНО

Но пробовал PAVO BLOG  и понял что на  на нем многие "легли"...

Сейчас попробую переустановить НЕКСТ ... на чистый движок.  у меня 2 поддомена, так что НАРАБОТКИ не пропадут....)))))

 

И  если НЕКСТ позволит создавать внутрение блоки на ширину экрана для паралакса ( а мне их надо будет штук 5!!!) и  банеры тоже на всю ширину - это будет супер!

Пошел устанавливать....))))

 

[novichok1955]

@jaffagold   АБАЛДЕТЬ....

СЛАЙДЕР растянулся....   Но не по центу картинка... и съехал   поиск!  Настроить можно за счет margin ?

[jaffagold]

Смотрите стандартный header.tpl

Скрытый текст

<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>

Съехало, потому что вы убрали из хедера сетку бутстрап. А надо ли?

Как по мне, для логотипа 4 колонки многовато. За счет него можно расширить поиск.

И туда, же, в div, где выводится поиск, добавить div с контактами

Слайд  надо разобраться с шириной самой картинки. Насколько я помню, штатный модуль не растягивает картинку.

Змінено 26 квітня 2017 користувачем jaffagold

[novichok1955]

@jaffagold  Переустановил НЕКСТ... сам шаблон не открылся и  выдало ошибку: Error: A theme has not been assigned to this store!

А в Макетах  появились 2 блока , теперь макет ГЛАВНОЙ выглядит:  Слайдер, CONTENT, MAP.

Таким образом  у меня устанавливалось ВСЕГДА!!! Наверное поэтому я посчитал что шаблон не лег.

 

Сделал ТАК: через Файр Баг проинспектирвал картинку на слайдере , справа  в окошечке с CSS  скопировал свойства и вставил их в stylesheet  прибавив margin: 0 auto;

Картинка легла по центру, адаптивность не нарушилась! ( пишу это для тех, кто будет сталкиваться с похожей ситуацией!!!)

[novichok1955]

@jaffagold Классно!!!  Преклоняюсь.. Мне ЭТОТ  блок тоже очень не нравится... на своем сайте я вообще вынес поиск в МОДАЛ....

[novichok1955]

[novichok1955]

@jaffagold  УВАЖАЕМЫЙ!  Вы из меня сделаете профи...   Я Вам очень благодарен!

 

Теперь вот и вопрос! В основном Вы помогли мне понять основу  СИСТЕМЫ... Остается понять КАК  реализовать вот эту схему ГЛАВНОЙ??

(см. скриншот...)

[novichok1955]

@jaffagold  Насчет поиска я все же понервничал...  В магазине ЭТО главная функциональность и СТИМУЛЯТОР ВЫБОРА, поэтому  убирать с хедера НИЗЗЯ,,,))))

Я бы переиграл КОРЗИНУ , сделав не кнопку, а КРУПНУЮ ИКОНКУ!!!  и красиво ее оформил...  но это пока второстепенно!

Сейчас мне главное понять СУТЬ модуля HTML контент ( как  в нем создавать этот самый контент???)  и как реализовать HYPER схему в том виде что сбросил  во вложении ( см. выше...)

Если я это пойму - остальное будет гораздо легче!!!

[novichok1955]

@jaffagold

Quote

Слайд  надо разобраться с шириной самой картинки. Насколько я помню, штатный модуль не растягивает картинку.

 

Так точно!  Картинка не растягивается,бьюсь почти час... Ломаю голову КАК это удалось автору НЕКСТА...  У него ИДЕАЛЬНО!

[novichok1955]

Вот открыть НЕКСТ,  вместо дефолтного - выдает вот эту ошибку ( на скриншлте!)

Когда выключаю шаблон НЕКСТ и перехожу на дефолтный  - все нормально с дефолтным!!!

[jaffagold]

42 минуты назад, novichok1955 сказал:

выдает вот эту ошибку

Это нормально

ВО-первых, ни на что пока ошибка не влияет. 

Почему- расскажу чуть позже.

Система-Настройки-Сервер-Показывать ошибки-НЕТ

но не отключайте запись ошибок в лог.

Что это за ошибки

Дело в том, что ocStore и opencartPRO отличаются

В шаблоне по умолчанию у ocStore есть кое что, чего нет у opencartPRO

А шаблон NextDefaul изначально написан для ocStore? поэтому возникли ошибки, их можно устранить.

Есть дополнительная микроразметка контента, которая полезна для поисковиков. Вот эти теги внедрены в шаблон ocStore, но их нет в opencartPRO.

На функционал сайта они не влияют( разве что их вывод портит картинку)

[jaffagold]

5 часов назад, novichok1955 сказал:

КАК  реализовать вот эту схему ГЛАВНОЙ??

Никак, увы. Это же набор из платного шаблона.

Поэтому, вам сам шаблон был не особо нужен, вы стили все свои будете вставлять. Я вам писал, достаточно модуля с этими позициями. Он входит в сосьав шаблона и добавляет вам только 2 позиции-под шапкой и возле футера.

Но что вам мешает именно в эти позиции и размещать контент друг под другом? Достаточно вообще одной верхней.

Про слайд

Скрытый текст

Расширения-расширения-Модули-Слайд шоу- Home page Настройки Ширина 1900 Высота 450

Подсказка. Во всех шаблонах на демо-сайтах добавляете к адресу /admin Вводите demo demo и заходите в настройки. Поменять ничего не сможете, но увидите все настройки всех модулей.

 

 

Скрытый текст

 

Цитата

 СУТЬ модуля HTML контент ( как  в нем создавать этот самый контент???) 

Может вывести простой текст "Тут были Киса и Ося", а может html-блок с лебедями и космическими кораблями. Вот только вы все это сначала где-то создаете, а потом вставляете в окошко, предварительно переключив в режим просмотра кода. Потом возращаете режим просмотра в обычное положение. И сохраняете. Потом допиливаете стили.

 

А вот, если вы хотите взять какой-то модуль и его переверстать, то тогда надо лезть в .tpl-файл Этого модуля и, не ломая php-код, правите отображение.

Но там есть нюансы. 

Змінено 26 квітня 2017 користувачем jaffagold

[novichok1955]

@jaffagold

А так открылось в ОкСторе

Что я делаю НЕ ТАК????

[novichok1955]

@jaffagold

Quote

Никак, увы. Это же набор из платного шаблона.

Поэтому, вам сам шаблон был не особо нужен, вы стили все свои будете вставлять. Я вам писал, достаточно модуля с этими позициями. Он входит в сосьав шаблона и добавляет вам только 2 позиции-под шапкой и возле футера.

Но что вам мешает именно в эти позиции и размещать контент друг под другом? Достаточно вообще одной верхней.

 

Я тоже подумал что ТАК МОЖНО попробовать...  Но блин, зациклился я на этом слайдере, сейчас попробую с размерами! Спасибо за подсказку.