Moushe.ru

Блог обо всём

OpenCart делаем новые страницы



Меня попросили написать статью о создании новых страниц и создании кнопок на эти страницы. В этом уроке мы создадим новую страницу – Доставка и оплата.

1

Откроем админку вашего магазина, открываем: каталог – статьи – добавить, и напишем что-то похожее на это:

Уважаемые покупатели наш интернет магазин осуществляет курьерскую доставку по Москве и Московской области.

Срок доставки:

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

Часы работы:

Наши курьеры выполняют доставку заказа с 10-ти до 20-ти часов, доставка осуществляется семь дней в неделю, включая и праздничные дни.  Внимание: доставка товара осуществляется только после общения нашего менеджера с вами по телефону. Наши менеджеры работают в будние дни с 10-ти до 20-ти часов.

Цена доставки:

Конечную цену заказа вы можете увидеть в корзине при оформлении заказа.

 

Теперь идём на главную страницу нашего магазина и смотрим нашу страницу (Информация – доставка и оплата). Копируем ссылку страницы (моя ссылка выглядит так- http://localhost/default/index.php?route=information/information&information_id=6)

Откроем файл header.tpl и ищем этот код:

<div class="div3"><a href="<?php echo str_replace('&', '&amp;', $special); ?>" style="background-image: url('catalog/view/theme/default/image/special.png');"><?php echo $text_special; ?></a><a onclick="bookmark(document.location, '<?php echo addslashes($title); ?>');" style="background-image: url('catalog/view/theme/default/image/bookmark.png');"><?php echo $text_bookmark; ?></a><a href="<?php echo str_replace('&', '&amp;', $contact); ?>" style="background-image: url('catalog/view/theme/default/image/contact.png');"><?php echo $text_contact; ?></a><a href="<?php echo str_replace('&', '&amp;', $sitemap); ?>" style="background-image: url('catalog/view/theme/default/image/sitemap.png');"><?php echo $text_sitemap; ?></a></div>

и изменим его на этот:

<div class="div3">
<a href="<?php echo str_replace('&', '&amp;', $special); ?>" style="background-image: url('catalog/view/theme/default/image/special.png');"><?php echo $text_special; ?></a>
<a onclick="bookmark(document.location, '<?php echo addslashes($title); ?>');" style="background-image: url('catalog/view/theme/default/image/bookmark.png');"><?php echo $text_bookmark; ?></a>
<a href="<?php echo str_replace('&', '&amp;', $contact); ?>" style="background-image: url('catalog/view/theme/default/image/contact.png');"><?php echo $text_contact; ?></a>
<a href="<?php echo str_replace('&', '&amp;', $sitemap); ?>" style="background-image: url('catalog/view/theme/default/image/sitemap.png');"><?php echo $text_sitemap; ?></a>
<a href="http://localhost/default/index.php?route=information/information&information_id=6" style="background-image: url('catalog/view/theme/default/image/discount.png');">Доставка и оплата</a>
</div>

Сохраним файл header.tpl в utf-8, иначе ссылка будет криво отображаться.

Смотрим результат:

1

Теперь сделаем так чтобы наша новая страница не отображалась в меню Информация, идём опять в админку: каталог – статьи – доставка и оплата – изменить и прокручиваем страницу вниз. В блоке порядок сортировки пишем –1 (минус 1), жмём кнопку сохранить.

Отлично, урок выполнен. На сегодня всё. Улыбка

34 Комментария

  1. Спасибо, Владислав.
    А как сделать, чтобы «Доставка и оплата» была одной из кнопок в ряду — «Главная Войти Кабинет Корзина Оформить»?

    • Владислав Храмцов
      vkontakte.ru Владислав Храмцов

      18.10.2011 at 19:59

      Вставить эту ссылку в конец div4, но из за того что надпись получается очень большой придётся переписывать стиль кнопок, очень много возни. 🙂

    • А если изменить стиль надписи а не кнопок??? К примеру — уменьшить шрифт надписи, чтобы она вместилась в стандартную кнопку? 🙂

    • Владислав Храмцов
      vkontakte.ru Владислав Храмцов

      18.10.2011 at 23:07

      Я пробовал до 12 шрифта уменьшать шрифт — не помогает — словосочетание занимает 2 строчки, а меню навигации уже плохо заметно среди других элементов шаблона, если хотите, сделайте 2 страницы — доставка, оплата — так проще будет 🙂

    • Я сделал, в принципе, но только осталось разобраться как надпись из двух слов «Доставка и оплата» сдвинуть немножечко вверх, чтобы она был посередине панели. И подсветка белым цветом кнопочки почему-то пропала.

    • Владислав Храмцов
      vkontakte.ru Владислав Храмцов

      18.10.2011 at 23:48

      #header .div4 a {

      padding-top: 9px;
      padding-bottom: 9px;

      это отступы от верха картинки и от низа — центрирование текста

  2. Жаль, что это отступы всех слов. Придется ограничится словом «Доставка» 🙂

  3. Спасибо огромное за урок!!!! Я счастлива!!! Нашла именно то что нужно

  4. Владислав Храмцов
    vkontakte.ru Владислав Храмцов

    19.10.2011 at 22:11

    Пожалуйста 🙂

  5. Андрей

    22.10.2011 at 15:05

    Владислав, вопрос тот же, но…:
    Как сделать, чтобы не «Доставка и оплата», а кнопка «Акции» была одной из кнопок в ряду – «Главная Войти Кабинет Корзина Акции»?

    Акции — это простая ссылка на статью, а не на Акционные товары.

    Я сделал так:

    <a href="" id="tab_home">

    <a href="" id="tab_login">

    <a href="" id="tab_logout">

    <a href="" id="tab_account"><a href="" id="tab_cart">

    Все отображается, только кнопка Акции не подсвечивается белым, при нажатии на нее.

    Как сделать, чтобы она белела, также, как и кнопка Главная?

  6. Владислав Храмцов
    vkontakte.ru Владислав Храмцов

    22.10.2011 at 16:38

    < href="" id="tab_special">< ?php echo $text_special; ?>

  7. Одно плохо, что модуль Информации не позволяет вводить тайтл и метатеги=(

  8. Павел

    06.02.2012 at 22:19

    Приветствую Вас Владислав, скажите, я на своем сайте хочу сделать чтобы при заходе на сайт, с начало всплывала страница приветствия, и при нажатии на кнопку «перейти на сайт», уже осуществлялся переход на основной сайт моего опенкарта! Вы не могли бы подсказать как это можно реализовать!?

    • Владислав Храмцов
      vkontakte.ru Владислав Храмцов

      06.02.2012 at 22:43

      Нет не знаю, но на мой взгляд это глупо — человек вбил в яндекс запрос — увидел результат идёт на сайт и вынужден делать лишнее движение — нажимать какую-то кнопку… Какой в этом смысл ? 🙂

  9. Ололоша

    08.02.2012 at 01:03

    а вообще к админке прикрепить вывод в меню есть варианты?

    • Владислав Храмцов
      vkontakte.ru Владислав Храмцов

      08.02.2012 at 19:43

      Хех, я ничего такого не встречал, может и есть.

  10. Павел

    08.02.2012 at 21:40

    Вот нашел решение проблемы! Я сделал вводную страницу на своем сайте http://www.tehnohause.ru теперь появляется сначала страница предлагающая некую навигацию для быстрого перехода в какой то из подразделов, или возможность просто перейти на сайт! Посмотрите, возможно в этом и есть смысл! мне кажется несколько удобно! ) 🙂

    • Владислав Храмцов
      vkontakte.ru Владислав Храмцов

      08.02.2012 at 22:23

      🙂 А если человек переходит с поисковика на страницу с определённым товаром то как он выйдет на страницу именно этого товара ? При нажатии на кнопку зайти на сайт он попадает на главную, если он не знает в какой рубрике заинтересовавший его товар то он может просто покинуть магазин.

  11. Павел

    09.02.2012 at 08:53

    Если он не знает в какой рубрике его товар, допустим, то он может также воспользоваться поисковиком на самом сайте! Или картой сайта! Она ну очень подробная! Ну, в принципе, может вводная страница и не нужна, но пусть она будет некой особенностью данного сайта, неким элементом корпоративного стиля, или просто красивой темой! Просто я исходил из тех соображений, что сегодня человеку, уже надоел большой объем информации, постоянные банеры с рекламой, всякая такая хрень! Вот я и решил что сначала пусть будет предложено выбрать раздел, или сразу воспользоваться поисковиком! Может быть нужно подумать над тем чтобы как-то расширенно представить навигацию на вводной странице, но это может уже в перспективе! 😉

    • Владислав Храмцов
      vkontakte.ru Владислав Храмцов

      09.02.2012 at 20:11

      Запомните — покупатель это ленивое существо, если он зашёл с поисковика на сайт и вы заставляете его опять использовать поисковик (хотя он защёл на сайт по ссылке удовлетворяющей его требования), то 90% что он закроет ваш сайт и пойдёт в яндексе на следующий магазин, если же он скопирует поисковый запрос с яндекса и вставит его в ваш поиск не факт что нужный товар будет найден у вас на сайте не смотря на то что он есть но немного с иным названием и выдался яндексом. 🙂 PS — работаю продавцом-консультантом уже 7 лет и знаю поведение такого животного как покупатель достаточно хорошо 🙂

      Если бы вы пришли в магазин за хлебом, а вас заставили смотреть перед покупкой каталог круп, муки, колбас и т.д. и только потом выдали желаемое вы бы совершили покупку в таком магазине ? Я бы 100% нет, а тут такая же психология. Нужно экономить и ценить время покупателя, а не растягивать его покупку на ненужные ему шаги.

      Хотите выделиться — закажите красивый, уникальный дизайн сайта, закажите иллюстратору человечка или ешё какой нить символ сайта, по нему ваш сайт и будет выделяться и запоминаться. Пишите статьи и обзоры товара, отвечайте быстро на звонки и вопросы в чате и покупатель будет счастлив вернуться к вам, а не вашему конкуренту.

  12. Павел

    10.02.2012 at 10:01

    Люблю критику, особенно когда она здравая и в кассу! Возможно вы правы! Спасибо за совет!
    P.S. по поводу дизайна. Мне, если честно, очень нравится стандартный дизайн опенкарта, он простой и приятен для глаз, главное же для покупателя — это цена и качество товара, а не то в каком пакете его продадут! Ведь так? Думаю дизайн оставить в покое! А первоначальную страничку заменить на некий флеш! Т.е. чтобы кратенько флеш проигрался и автоматом перешел на сайт, как вам такой расклад? Выбирать ничего не придется, и некая изюминка будет!? 🙂

  13. Павел

    10.02.2012 at 13:29

    Можно! Нужно подумать! Или Macromedia Flash открыть! )
    😉

  14. Игорь

    06.04.2012 at 14:11

    где находится этот header.tpl??

    • Владислав Храмцов
      vkontakte.ru Владислав Храмцов

      06.04.2012 at 14:18

      ../catalog/view/theme/default/template/common

  15. Здравствуйте!
    У меня OCStore 1.0.1 (Opencart 1.5.1) помогите пожалуйста для него сделать ссылку в главном меню Товары (вот как сдесь http://nash-farfor.ru/index.php?route=product/productall ). Везде как делать для OCStore 0.2.2 (Opencart 1.4.9.5). Если пытаться поставить просто ссылку она не подсвечивается при нажатии.
    Помогите пожалуйста!

  16. Александр

    05.12.2012 at 22:21

    Здравствуйте.
    у меня ОС 1.5.1.3. все статьи которые я создаю через админку всписываются в футер.
    Как удалить эти статьи из футера? у меня есть для них место слева.

    • Владислав Храмцов
      vkontakte.ru Владислав Храмцов

      06.12.2012 at 12:36

      Они исчезнут если удалить 5-9 строки в footer.tpl

  17. Маргарита

    09.05.2013 at 13:59

    Добрый день.
    Подскажите, возможно ли поставить фон только на одну информ. страницу?
    Спасибо.

  18. Владислав, подскажите как сделать посадочную страницу (Landing page) на опенкарт?

    • Владислав Храмцов
      vkontakte.ru Владислав Храмцов

      27.08.2014 at 19:53

      Ставите html модуль — и наполняете

Добавить комментарий

Your email address will not be published.

*

CAPTCHA image
*

© 2016 Moushe.ru При копировании материалов, ссылка на нас обязательна!

Вверх ↑



Яндекс.Метрика