OpenCart — дизайн страницы контактов

jul · 12 июня 2014

По умолчанию страница контактов в магазине на OpenCart имеет такую структуру: адрес и телефон, затем следует форма для отправки сообщений, и имеет следующий вид:

Уже несколько раз сталкивалась с тем, что заказчикам хотелось изменить внешний вид страницы контактов, сделать ее компактней. Это сделать несложно с помощью стилей. Но если вам не хочется/не получается возиться с кодом, можно воспользоваться простеньким модулем Simple contact, который разбивает страницу контактов на две колонки, в первой будет находиться информация о магазине (телефон, адрес), а во второй — форма отправки сообщений. Страница контактов станет внешне аккуратней и компактней.

Скачать модуль Simple Contact.

Модуль подходит для версий 1.4.7 — 1.5.6.4.

Установка модуля Simple Contact.

1. Прежде, чем начать установку модуля, сохраните исходный файл, отвечающий за страницу контактов вашего магазина — catalog/view/theme/default/template/information/contact.tpl. Это необходимо для того, чтобы предотвратить возможные неполадки при загрузке модуля, так как модуль не требует vqmod и полностью перезаписывает вышеуказанный файл новым.

2. Загрузить содержимое архива в корневую папку магазина и наблюдать изменения, произошедшие со страницей контактов. Если используете сторонний шаблон, то не забудьте загрузить файл модуля в папку с используемым шаблоном.

Вам могут понравиться и эти статьи...

Комментариев: 14

Если Вы хотите добавить код в свой комментарий, заключите его в теги <pre lang="php"></pre>

Михаил:

8 февраля 2015 в 13:47

проверил, установил. Все хорошо работает. Теперь намного приятней открывать клиенту форму и писать сообщение.
Ждем новых интересных идей. Спасибо.

Ответить
- jul:
  
  9 февраля 2015 в 9:55
  
  Спасибо)
  
  Ответить
oksa-na:

6 марта 2015 в 14:24

А как можно вообще убрать свои контакты?

Ответить
- jul:
  
  8 марта 2015 в 18:27
  
  В файле information/contact.tpl закомментируйте или удалите строки с h2 (фраза Наше местонахождение ) и блок contact-info.
  
  Ответить

Виктор:

16 марта 2015 в 11:16

Здравствуйте, Юлия. Страницу подправил, спасибо. Подскажите, пожалуйста, как переименовать страницу контактов на «Обратная связь» и разместить в главном меню. Благодаря Вам уже поместил несколько пунктов в главное меню, последним пунктом хотел поставить Обратная связь.

Ответить

jul:

16 марта 2015 в 13:18

Добрый день,
дать новое название можно в файле catalog/language/ukrainian/common/footer.php

Чтобы добавить ссылку в главное меню открывайте файл catalog/view/theme/default/template/common/header.tpl и находите блок, отвечающий за вывод меню. Перед закрывающим тегом

</ul>

</ul>

вставьте строку

<li><a href="<?php echo $contact; ? rel="nofollow">"><?php echo $text_contact; ?></a></li>

1	<li><a href="<?php echo $contact; ? rel="nofollow">"><?php echo $text_contact; ?></a></li>

В итоге получите:

<div id="menu">
  <ul>
    <?php foreach ($categories as $category) { ?>
    <li><a href="<?php echo $category['href']; ? rel="nofollow">"><?php echo $category['name']; ?></a>
      <?php if ($category['children']) { ?>
      <div>
        <?php for ($i = 0; $i < count($category['children']);) { ?>
        <ul>
          <?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']; ? rel="nofollow">"><?php echo $category['children'][$i]['name']; ?></a></li>
          <?php } ?>
          <?php } ?>
        </ul>
        <?php } ?>
      </div>
      <?php } ?>
    </li>
    <?php } ?>
	<li><a href="<?php echo $contact; ? rel="nofollow">"><?php echo $text_contact; ?></a></li>
  </ul>
</div>

<ul>

<?php foreach ($categories as $category) { ?>

<?php if ($category['children']) { ?>

<div>

<?php for ($i = 0; $i < count($category['children']);) { ?>

<ul>

<?php $j = $i + ceil(count($category['children']) / $category['column']); ?>

<?php for (; $i < $j; $i++) { ?>

<?php if (isset($category['children'][$i])) { ?>

<?php } ?>

</ul>

<?php } ?>

</div>

<?php } ?>

</li>

<?php } ?>

</ul>

</div>

Затем открывайте catalog/controller/common/header.php и после строки

$this->data['text_checkout'] = $this->language->get('text_checkout');

1	$this->data['text_checkout'] = $this->language->get('text_checkout');

разместите

$this->data['text_contact'] = $this->language->get('text_contact');
$this->data['contact'] = $this->url->link('information/contact');

1 2	$this->data['text_contact'] = $this->language->get('text_contact'); $this->data['contact'] = $this->url->link('information/contact');

Ответить

Виктор:

17 марта 2015 в 19:06

Не знаю, что происходит, но когда я вставляю код файла catalog/view/theme/default/template/common/header.tpl в комментарии отображается какой-то непонятный огрызок. Чтобы не мучаться я сделал скриншоты, а здесь оставлю ссылки. Вот что у меня получилось в файле catalog/view/theme/default/template/common/header.tpl: https://www.dropbox.com/s/5ifg0pl7caktcz3/catalog-view-theme-default-template-common-header.tpl.png?dl=0
А так стало в файле catalog/controller/common/header.php: https://www.dropbox.com/s/y2rmdaj2vtxit12/catalog-controller-common-header.php.png?dl=0
Повторюсь, если Вы не прочитали мои предыдущие комментарии. Всё сделал, как Вы описали, но единственное изменение это смена названия в футере, хотя если открыть ссылку, то внутри всё равно «Связаться с нами». В главное меню ничего не добавилось. Правки сделал и на Денвере, и на реальном сайте, никакой разницы. Все файлы сохранены в UTF-8 без BOM. Из кода убрал rel=”nofollow”, Вы раньше говорили, что это Ваш плагин прописывает.
Очень надеюсь, что Вы сможете мне помочь.

Ответить
- jul:
  
  17 марта 2015 в 22:00
  
  Виктор, у Вас opencart какой версии?
  Откройте свой файл catalog/view/theme/default/template/common/footer.tpl и найдите строку с выводом ссылки страницы контактов и именно ее вставьте в свой header.tpl.
  Для того, чтобы переименовать само название страницы контактов, открывайте файл catalog/language/ukrainian/information/contact.php
  
  Ответить
  - Виктор:
    
    18 марта 2015 в 15:33
    
    У меня ocStore-1.5.5.1.2. Строка с выводом ссылки страницы контактов у меня такая же, как и у Вас, так что вставлял я всё правильно, можете посмотреть на скриншоте из предыдущего комментария. Получилось вставить только в начало главного меню, разместил у себя после ссылки Главная, она у меня тоже в главном меню и идёт первой по списку. Почему контакты не появляются в конце главного меню для меня загадка. Ради интереса вставлял контакты в каждую строку блока главного меню по очереди, толку никакого. Получается, что могу вывести только в начале. Само название страницы контактов переименовал, теперь всё как надо.
    Вам в любом случае огромное спасибо за помощь, если поймёте в чём причина – хорошо, если нет – тоже не расстроюсь, главное, что у меня появилась Обратная связь в основном меню.

Михаил:

1 августа 2015 в 10:55

Юлия, здравствуйте! Вы не знаете, можно ли адаптировать данный модуль к opencart 2.x?
У меня движок 2.0.3, устанавливаю — сразу все сыпется, попытался почистить код в соответствии с ошибками, но.. ничего хорошего, сразу могу сказать, не вышло)) Я добился работоспособности модуля, но форма практически вернулась к виду оригинального файла.

Ответить
- jul:
  
  1 августа 2015 в 19:15
  
  Михаил, в связи с обстоятельствами, временно завис весь рабочий процесс, так что работа с движком отодвинулась на будущее. К сожалению, еще мало работала с двойкой, не могу сказать как там с адаптацией старых модулей. Как только вольюсь в работу, постараюсь рассмотреть популярные вопросы касательно версии 2.х.
  
  Ответить
Алексей:

15 сентября 2016 в 23:54

Юлия, установил Simple Contact на французскую сборку Opencart 1.5.6.4 отлично смотрится! Большое спасибо! Вы — умница!

Ответить
- jul:
  
  16 сентября 2016 в 0:43
  
  Спасибо) Рада, что пост Вам пригодился.
  
  Ответить
Boosters:

18 октября 2016 в 9:58

Здравствуйте! Плагин поставился без проблем, выглядит всё как надо теперь. Спасибо за полезную статью)

Ответить

OpenCart — дизайн страницы контактов

Вам могут понравиться и эти статьи...

OpenCart 2.x — групповое редактирование товаров — модуль Mass Edit Products

OpenCart — опции товара, добавляем описание опциям товара

OpenCart 2.x — добавляем категории третьего уровня в меню категорий, в сайдбар

Комментариев: 14

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