Opencart 2.1 - Улучшаем Подвал (футер) (2 Часть). Футер opencart
OpenCart дорабатываем футер сайта (1 часть)
До: После:
Посетители сайта просили меня написать статью о доработке футера, этим мы сегодня и займёмся.
1. Составим список вещей необходимых нам в футере сайта:
Ссылки на главную страницу, контакты, карту сайта
Иконки соц. сетей
Добавим адрес, телефон и часы работы
Добавим ссылку на админку сайта (хотя я бы не советовал этого делать в целях безопасности, но раз в комментах просили то сделаем)
Немного изменим копирайты
2. Откроем footer.php (..\catalog\view\theme\default\template\common) и вместо стандартного кода вставим такой:
<div>
<div><center><b>Наш адрес:</b><br>г. Москва м. Савеловская<br>ТК. Савёловский п-ны С-* и А-*<br>Тел. 8 (903) 006 - 81 - **<br>Часы работы: с 10:00 до 20:00<br><br>Мы в соц. сетях:<a href="*"><img src="catalog/view/theme/default/image/Vk.jpg" alt="В контакте" /></a><a href="*"><img src="catalog/view/theme/default/image/odn.jpg" alt="Одноклассники" /></a><a href="*"><img src="catalog/view/theme/default/image/facebook.jpg" alt="Facebook" /></a></center></div>
<div><a href="index.php?route=common/home"><img src="catalog/view/theme/default/image/dom.jpg" alt="" />Главная</a><a href="index.php?route=information/contact"><img src="catalog/view/theme/default/image/cont.jpg" alt="" />Контакты</a><a href="index.php?route=information/sitemap"><img src="catalog/view/theme/default/image/category.png" alt="" />Карта сайта</a><a href="/default/admin"><img src="catalog/view/theme/default/image/admin.jpg" alt="" />Вход для администратора</a>
</div></div>
<center>Copyright © 2010-2011 <a href="moushe.ru">Moushe.ru</a>Сайт разработан на CMS <a href="http://myopencart.ru/">OpenCart</a></center>
<?php echo $google_analytics; ?></body></html>
Теперь откроем stylesheet.css (..\catalog\view\theme\default\stylesheet) и изменим это:
#footer {width: 100%;clear: both;padding-top: 5px;border-top: 1px solid #DDDDDD;}#footer .div1 {float: left;text-align: left;}#footer .div2 {float: right;text-align: right;}
на это:
#footer {width: 100%;height: 120px;clear: both;padding-top: 5px;border: 1px solid #DDDDDD;
}
Смотрим результат проделанных изменений:
В следующих уроках мы добавим фон, вставим другие симпатичные иконки соц. сетей и сделаем у блока закруглённые углы. Следите за новостями.
OpenCart дорабатываем футер сайта (2 часть)
До: После:
Продолжим издевательства над футером нашего интернет магазина.
Откроем footer.tpl (..\catalog\view\theme\default\template\common) и заменим это:
<div>
<div><center><b>Наш адрес:</b><br>г. Москва м. Савеловская<br>ТК. Савёловский п-ны С-* и А-*<br>Тел. 8 (903) 006 - 81 - **<br>Часы работы: с 10:00 до 20:00<br><br>Мы в соц. сетях:<a href="*"><img src="catalog/view/theme/default/image/Vk.jpg" alt="В контакте" /></a><a href="*"><img src="catalog/view/theme/default/image/odn.jpg" alt="Одноклассники" /></a><a href="*"><img src="catalog/view/theme/default/image/facebook.jpg" alt="Facebook" /></a></center></div>
</div></div>
<center>Copyright © 2010-2011 <a href="moushe.ru">Moushe.ru</a>Сайт разработан на CMS <a href="http://myopencart.ru/">OpenCart</a></center>
<?php echo $google_analytics; ?></body></html>
на это:
<div><div><div></div><div></div>
<div><center><a href="index.php?route=common/home"><img src="catalog/view/theme/default/image/dom.jpg" alt="" />Главная</a><a href="index.php?route=information/contact"><img src="catalog/view/theme/default/image/cont.jpg" alt="" />Контакты</a><a href="index.php?route=information/sitemap"><img src="catalog/view/theme/default/image/category.png" alt="" />Карта сайта</a><a href="/default/admin"><img src="catalog/view/theme/default/image/admin.jpg" alt="" />Вход для администратора</a></center></div>
</div><div>
<div><center><b>Наш адрес:</b><br>г. Москва м. Савеловская<br>ТК. Савёловский п-ны С-* и А-*<br>Тел. 8 (903) 006 - 81 - **<br>Часы работы: с 10:00 до 20:00<br><br>Мы в соц. сетях:<a href="*"><img src="catalog/view/theme/default/image/Vk.jpg" alt="В контакте" /></a><a href="*"><img src="catalog/view/theme/default/image/odn.jpg" alt="Одноклассники" /></a><a href="*"><img src="catalog/view/theme/default/image/facebook.jpg" alt="Facebook" /></a></center></div>
</div>
<div><div></div><div></div><div></div></div><center>Copyright © 2010-2011 <a href="moushe.ru">Moushe.ru</a>Сайт разработан на CMS <a href="http://myopencart.ru/">OpenCart</a></center></div></html>
Открываем stylesheet.css (..\catalog\view\theme\default\stylesheet) и изменяем это:
#footer {width: 100%;height: 120px;clear: both;padding-top: 5px;border: 1px solid #DDDDDD;
}
на это:
#footer {margin-left: 190px;margin-right: 190px;margin-bottom: 10px;}#footer .top .left {background: url('../image/content_top_left.png') no-repeat;width: 5px;height: 32px;float: left;}#footer .top .right {background: url('../image/content_top_right.png') no-repeat;width: 5px;height: 32px;float: right;}#footer .top .center {background: url('../image/content_top_center.png') repeat-x;margin-left: 5px;margin-right: 5px;}#footer img {padding-top: 13px;padding-left: 10px;padding-bottom: 0px;padding-right: 5px;color: #000000;font-size: 12px;font-family: Arial, Helvetica, sans-serif;text-decoration: none;cursor:pointer;margin: 0px;}#footer .center a {color: #000000;font-size: 12px;font-family: Arial, Helvetica, sans-serif;text-decoration: none;cursor:pointer;margin: 0px;}#footer .middle {border-left: 1px solid #DDDDDD;border-right: 1px solid #DDDDDD;background: #FFFFFF;padding: 10px 10px 1px 10px;min-height: 30px;}#footer .bottom .left {background: url('../image/content_bottom_left.png') no-repeat;width: 5px;height: 5px;float: left;}#footer .bottom .right {background: url('../image/content_bottom_right.png') no-repeat;width: 5px;height: 5px;float: right;}#footer .bottom .center {background: url('../image/content_bottom_center.png') repeat-x;height: 5px;margin: 0 5px 10px 5px;}
Теперь возьмём эти иконки и закинем их в папку image (..\catalog\view\theme\default\image):
Любуемся результатом:
На сегодня всё, до новых встреч.
Opencart 2.1 - Улучшаем Подвал (футер) (2 Часть) | Модули, Шаблоны, Движки
В прошлой статье мы начали работать над футером нашего интернет магазина, в этой статье продолжим улучшать наш футер.
Список задач на сегодня:
1. Правим стили
2. Добавляем иконки способов оплаты
3. Удаляем лишние ссылки, немного изменяем футер
Приступим:
1. Откроем файл ../catalog/view/theme/default/stylesheet/stylesheet.css и вместо этих строк (310-333):
Код:
/* footer */ footer { margin-top: 30px; padding-top: 30px; background-color: #303030; border-top: 1px solid #ddd; color: #e2e2e2; } footer hr { border-top: none; border-bottom: 1px solid #666; } footer a { color: #ccc; } footer a:hover { color: #fff; } footer h5 { font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight: bold; color: #fff; } вставим эти:Код:
/* footer */ footer { margin-top: 30px; padding-top: 30px; background-color: #303030; border-top: 2px solid #2196F3; color: #2196F3; } footer hr { border-top: none; border-bottom: 1px solid #666; } footer a { color: #2196F3; } footer a:hover { color: #fff; } footer h5 { font-family: 'Open Sans', sans-serif; color: #d2d2d2; font-size: 14px; font-weight: 600; text-transform: uppercase; } footer h5 .fa { color: #d2d2d2; font-size: 16px; } Результат:2.1. Найдём в интернете симпатичный пак иконок способов оплаты, я взял вот с этого замечательного ресурса — freebi.ru (последний набор иконок на этой странице)
Скачиваем архив, распаковываем, выбираем из необходимые иконки, я для примера взял вот эти (цветные, 64px):
Наверняка в наборе есть не все необходимые именно вам иконки, но статья не о поиске иконок, а об их вставке.
2.2. Открываем папку ../catalog/view/theme/default/image и закидываем в неё все наши иконки, после этого открываем файл../catalog/view/theme/default/template/common/footer.tpl и вместо этой строки (31):
Код:
<li>1,2,3,4,5</li> вставляем эти:Код:
<li> <img src="catalog/view/theme/default/image/JCB.png"> <img src="catalog/view/theme/default/image/Maestro.png"> <img src="catalog/view/theme/default/image/MasterCard.png"> <img src="catalog/view/theme/default/image/PayPal.png"> <img src="catalog/view/theme/default/image/Visa.png"> </li> Результат:Как видим иконки крупноваты, мы можем задать их размер с помощью css, но лучше просто подкорректировать их размер с помощью графического редактора (Gimp, Photoshop и т.д.) или просмотрщика изображений (XnView и т.д.), я задал картинкам размер 40px x 25px и вот что из этого получилось:
Возможно вам нравятся иконки покрупнее, просто поиграйте их размерами.
3. Наверняка вам не нравится надпись – Работает на OcStore, тем более и с ссылкой на чужой сайт? Показывать cms своего магаза всем подряд не безопасно, да и смотрится не очень. Будем убирать.
3.1. Откроем файл ../catalog/language/russian/common/footer.php и вместо этой строки (17):
Код:
$_['text_powered'] = 'Работает на <a target="_blank" href="http://myopencart.com/">ocStore</a><br /> %s © %s'; вставим эту:Код:
$_['text_powered'] = '%s © %s'; 3.2. Откроем файл ../catalog/view/theme/default/template/common/footer.tpl и удалим эти строки (72-77):Код:
<li><a href="<?php echo $sitemap; ?>"><i></i> <?php echo $text_sitemap; ?></a></li> а вместо этой строки (67):Код:
<p><?php echo $powered; ?></p> вставим эту:Код:
<p><?php echo $powered; ?> <a href="<?php echo $sitemap; ?>"><i></i> <?php echo $text_sitemap; ?></a></p> давайте удалим ссылки Возврат товара, Партнёры, они нам не нужны:Код:
16 — <li><a href="<?php echo $return; ?>"><i></i> <?php echo $text_return; ?></a></li> 23 — <li><a href="<?php echo $affiliate; ?>"><i></i> <?php echo $text_affiliate; ?></a></li> Результат:
Смотрится не симметрично, но это только пока, в следующей статье мы пропишем в футер ссылки на свои страницы.
На сегодня всё, до новых встреч.
lowenet.biz
Opencart 2.1 - Улучшаем Подвал (футер) (1 Часть) | Модули, Шаблоны, Движки
Всем привет, как и обещал в этой статье я напишу вам об улучшении футера интернет магазина сделанного на CMS OcStore 2.1 (OpenCart 2.1), мы выведем в футер много полезной информации, добавим иконки, немного поработаем со стилями. Думаю будет интересно.
До:
После:
Список задач на сегодня:
1. Объединяем старые информационные блоки и создаём новые
2. Добавляем символы иконочного шрифта
Во второй части: (Статья запланирована на субботу)
1. Правим стили
2. Добавляем иконки способов оплаты
3. Удаляем лишние ссылки, немного изменяем футер
Приступим:
1. Откроем файл ../catalog/view/theme/default/template/common/footer.tpl
Сначала мы объединим 1 и 2 колонки футера (Информацию и Службу поддержки)
1.1. Вместо этих строк (5-21):
Код:
<div> <h5><?php echo $text_information; ?></h5> <ul> <?php foreach ($informations as $information) { ?> <li><a href="<?php echo $information['href']; ?>"><?php echo $information['title']; ?></a></li> <?php } ?> </ul> </div> <?php } ?> <div> <h5><?php echo $text_service; ?></h5> <ul> <li><a href="<?php echo $contact; ?>"><?php echo $text_contact; ?></a></li> <li><a href="<?php echo $return; ?>"><?php echo $text_return; ?></a></li> <li><a href="<?php echo $sitemap; ?>"><?php echo $text_sitemap; ?></a></li> </ul> </div> вставим эти:Код:
<div> <h5><?php echo $text_information; ?></h5> <ul> <?php foreach ($informations as $information) { ?> <li><a href="<?php echo $information['href']; ?>"><?php echo $information['title']; ?></a></li> <?php } ?> </ul> <?php } ?> <h5><?php echo $text_service; ?></h5> <ul> <li><a href="<?php echo $contact; ?>"><?php echo $text_contact; ?></a></li> <li><a href="<?php echo $return; ?>"><?php echo $text_return; ?></a></li> <li><a href="<?php echo $sitemap; ?>"><?php echo $text_sitemap; ?></a></li> </ul> </div> Результат:
Теперь добавим колонке Дополнительно новую Способы оплаты
1.2. Вместо этих строк (20-28):
Код:
<div> <h5><?php echo $text_extra; ?></h5> <ul> <li><a href="<?php echo $manufacturer; ?>"><?php echo $text_manufacturer; ?></a></li> <li><a href="<?php echo $voucher; ?>"><?php echo $text_voucher; ?></a></li> <li><a href="<?php echo $affiliate; ?>"><?php echo $text_affiliate; ?></a></li> <li><a href="<?php echo $special; ?>"><?php echo $text_special; ?></a></li> </ul> </div> вставим эти:Код:
<div> <h5><?php echo $text_extra; ?></h5> <ul> <li><a href="<?php echo $manufacturer; ?>"><?php echo $text_manufacturer; ?></a></li> <li><a href="<?php echo $voucher; ?>"><?php echo $text_voucher; ?></a></li> <li><a href="<?php echo $affiliate; ?>"><?php echo $text_affiliate; ?></a></li> <li><a href="<?php echo $special; ?>"><?php echo $text_special; ?></a></li> </ul> <h5>Способы оплаты</h5> <ul> <li>1,2,3,4,5</li> </ul> </div> (иконки вставим в следующей статье)Результат:
Теперь добавим колонке Личный кабинет новую Мы в соц. сетях
1.3. Вместо этих строк (33-41):
Код:
<div> <h5><?php echo $text_account; ?></h5> <ul> <li><a href="<?php echo $account; ?>"><?php echo $text_account; ?></a></li> <li><a href="<?php echo $order; ?>"><?php echo $text_order; ?></a></li> <li><a href="<?php echo $wishlist; ?>"><?php echo $text_wishlist; ?></a></li> <li><a href="<?php echo $newsletter; ?>"><?php echo $text_newsletter; ?></a></li> </ul> </div> вставим эти:Код:
<div> <h5><?php echo $text_account; ?></h5> <ul> <li><a href="<?php echo $account; ?>"><?php echo $text_account; ?></a></li> <li><a href="<?php echo $order; ?>"><?php echo $text_order; ?></a></li> <li><a href="<?php echo $wishlist; ?>"><?php echo $text_wishlist; ?></a></li> <li><a href="<?php echo $newsletter; ?>"><?php echo $text_newsletter; ?></a></li> </ul> <h5>Мы в соц. сетях</h5> <ul> <li><a href="ваша ссылка">Мы в контакте</a></li> <li><a href="ваша ссылка">Мы в одноклассниках</a></li> <li><a href="ваша ссылка">Мы в твиттере</a></li> <li><a href="ваша ссылка">Наш инстаграм</a></li> </ul> </div> Результат:
Теперь на освободившееся место добавим колонку Контакты
1.4. После этих строк (41-48):
Код:
<h5>Мы в соц. сетях</h5> <ul> <li><a href="ваша ссылка">Мы в контакте</a></li> <li><a href="ваша ссылка">Мы в одноклассниках</a></li> <li><a href="ваша ссылка">Мы в твиттере</a></li> <li><a href="ваша ссылка">Наш инстаграм</a></li> </ul> </div> добавим эти:Код:
<div> <h5>Контакты</h5> <ul> <li>г.Москва м.Шоссе Энтузиастов</li> <li>ТЦ Будёновский Б-4</li> <li>ежедневно с 10 до 20</li> <li>+7 (925) 206-20-98</li> <li>+7 (925) 206-20-98</li> <li>[email protected]</li> </ul> </div> Результат:
2. Основа сделана, приступаем к украшательству, открываем сайт иконочного шрифта Font-Awesome и подберём символы для обычных ссылок, в моём случае это:
Код:
<i></i> сначала вставим этот символ для ссылок Информации, вместо этой строки (9):<li><a href="<?php echo $information['href']; ?>"><?php echo $information['title']; ?></a></li>
вставим эту:
Код:
<li><a href="<?php echo $information['href']; ?>"><i></i> <?php echo $information['title']; ?></a></li> вставим символ для ссылок Службы поддержки, вместо этих строк (15-17):Код:
<li><a href="<?php echo $contact; ?>"><?php echo $text_contact; ?></a></li> <li><a href="<?php echo $return; ?>"><?php echo $text_return; ?></a></li> <li><a href="<?php echo $sitemap; ?>"><?php echo $text_sitemap; ?></a></li> вставим эти:Код:
<li><a href="<?php echo $contact; ?>"><i></i> <?php echo $text_contact; ?></a></li> <li><a href="<?php echo $return; ?>"><i></i> <?php echo $text_return; ?></a></li> <li><a href="<?php echo $sitemap; ?>"><i></i> <?php echo $text_sitemap; ?></a></li> вставим символ для ссылок Дополнительно, вместо этих строк (23-26):Код:
<li><a href="<?php echo $manufacturer; ?>"><?php echo $text_manufacturer; ?></a></li> <li><a href="<?php echo $voucher; ?>"><?php echo $text_voucher; ?></a></li> <li><a href="<?php echo $affiliate; ?>"><?php echo $text_affiliate; ?></a></li> <li><a href="<?php echo $special; ?>"><?php echo $text_special; ?></a></li> вставим эти:Код:
<li><a href="<?php echo $manufacturer; ?>"><i></i> <?php echo $text_manufacturer; ?></a></li> <li><a href="<?php echo $voucher; ?>"><i></i> <?php echo $text_voucher; ?></a></li> <li><a href="<?php echo $affiliate; ?>"><i></i> <?php echo $text_affiliate; ?></a></li> <li><a href="<?php echo $special; ?>"><i></i> <?php echo $text_special; ?></a></li> вставим символ для ссылок Личного кабинета, вместо этих строк (36-39):Код:
<li><a href="<?php echo $account; ?>"><?php echo $text_account; ?></a></li> <li><a href="<?php echo $order; ?>"><?php echo $text_order; ?></a></li> <li><a href="<?php echo $wishlist; ?>"><?php echo $text_wishlist; ?></a></li> <li><a href="<?php echo $newsletter; ?>"><?php echo $text_newsletter; ?></a></li> вставим эти:Код:
<li><a href="<?php echo $account; ?>"><i></i> <?php echo $text_account; ?></a></li> <li><a href="<?php echo $order; ?>"><i></i> <?php echo $text_order; ?></a></li> <li><a href="<?php echo $wishlist; ?>"><i></i> <?php echo $text_wishlist; ?></a></li> <li><a href="<?php echo $newsletter; ?>"><i></i> <?php echo $text_newsletter; ?></a></li> 2.1. Подберём символы социальных сетей:Код:
<i></i> <i></i> <i></i> <i></i> и вместо этих строк (43-46):Код:
<li><a href="ваша ссылка">Мы в контакте</a></li> <li><a href="ваша ссылка">Мы в одноклассниках</a></li> <li><a href="ваша ссылка">Мы в твиттере</a></li> <li><a href="ваша ссылка">Наш инстаграм</a></li> вставим эти:Код:
<li><a href="ваша ссылка"><i></i> Мы в контакте</a></li> <li><a href="ваша ссылка"><i></i> Мы в одноклассниках</a></li> <li><a href="ваша ссылка"><i></i> Мы в твиттере</a></li> <li><a href="ваша ссылка"><i></i> Наш инстаграм</a></li> 2.2. Подберём иконки для контактов:Код:
<i></i> <i></i> <i></i> <i></i> <i></i> и вместо этих строк (52-57):Код:
<li>г.Москва м.Шоссе Энтузиастов</li> <li>ТЦ Будёновский Б-4</li> <li>ежедневно с 10 до 20</li> <li>+7 (925) 206-20-98</li> <li>+7 (925) 206-20-98</li> <li>[email protected]</li> вставим эти:Код:
<li><i></i> г.Москва м.Шоссе Энтузиастов</li> <li><i></i> ТЦ Будёновский павильон Б-4</li> <li><i></i> ежедневно с 10 до 20</li> <li><i></i> +7 (925) 200-00-77</li> <li><i></i> +7 (925) 200-00-77</li> <li><i></i> [email protected]</li> (помимо иконок я изменил текст — вместо Б-4 написал павильон Б-4)Результат:
2.3. Подберём иконки для заголовков:
Код:
<i></i> <i></i> <i></i> <i></i> <i></i> <i></i> <i></i> и вставим их, вместо этих строк:Код:
6 — <h5><?php echo $text_information; ?></h5> 13 — <h5><?php echo $text_service; ?></h5> 21 — <h5><?php echo $text_extra; ?></h5> 28 — <h5>Способы оплаты</h5> 34 — <h5><?php echo $text_account; ?></h5> 41 — <h5>Мы в соц. сетях</h5> 50 — <h5>Контакты</h5> вставляем эти:Код:
6 — <h5><i></i> <?php echo $text_information; ?></h5> 13 — <h5><i></i> <?php echo $text_service; ?></h5> 21 — <h5><i></i> <?php echo $text_extra; ?></h5> 28 — <h5><i></i> Способы оплаты</h5> 34 — <h5><i></i> <?php echo $text_account; ?></h5> 41 — <h5><i></i> Мы в соц. сетях</h5> 50 — <h5><i></i> Контакты</h5> Результат:
Надеюсь вам понравился результат, футер конечно ещё не доделан, мы продолжим его дорабатывать в следующей статье. На сегодня всё, следите за новостями, до скорых встреч.
lowenet.biz
Как настроить страницы информации в футере OpenCart 3.x « Все о WEB программировании
11.10.2017 Ромчик0
Доброго времени суток. Мы продолжаем осваивать OpenCart 3. Так в прошлой статье «Как настроить ЧПУ в OpenCart 3.x» мы рассмотрели как настроить SEO URL в OpenCart 3. А в данной статье остановимся на настройках страниц информации футера.
Давайте разберемся, что имеется ввиду под настройкой страниц информации в футере OpenCart. Открываем наш интернет магазин и листаем страницу в самый низ.
Выделенный блок мы и будем настраивать.
Переходим в админку нашего интернет-магазина.
Дальше переходим «Каталог» -> «Статьи»
И попадаем на страницу со списком статей.
Жмем «Редактировать» напротив статьи, например, напротив About Us.
И попадаем на страницу редактирования статьи. Тут мы видим три вкладки:
- Основное
- Данные
- SEO
- Дизайн
Вкладка «Основное»
Во-первых, если у нас мультиязычный магазин, то у нас будет несколько вкладок для языков
Как добавить и русифицировать OpenCart 3 я описал в статье «Русификация OpenCart 3»
А как русифицировать установку OpenCart 3 я описал в статье «Русифицируем установку OpenCart3»
В поле:
- Название статьи – указываем название для статьи
- Описание – текст статьи
- Мета-тег title – указываем, что будет находиться в title
- Мета-тег description – указываем, что будет находиться в description
- Мета-тег keywords – указываем ключевые слова
Вкладка «Данные»
Во вкладке «Данные» мы указываем для каких магазинов данная статья (поле «Магазины»). Указываем отображать ссылку на статью в футере. Указываем статус для статьи (включена или выключена). И указываем порядок сортировки.
Вкладка «SEO»
В данной вкладке мы указываем SEO URL для статьи. Учтите, что url должен быть уникальным.
Вкладка «Дизайн»
Во вкладке мы указываем макет для отображения статьи.
После ввода всех данных не забываем сохранить данные. Для этого жмем «Сохранить».
Заключение.
Мы с вами рассмотрели, как можно настроить блок со списком страниц в футере OpenCart. При этом остановились на таких главных настройках статей, как:
- Настройка мета-тегов
- Настройка названия и текста статьи
- Включение и выключение статьи
- Порядок сортировки
- Отображать статью или нет в футере
- Настройка SEO URL для статьи
- Настройка макета для вывода статьи
Понравилась статья? Поделись с друзьями.
web-programming.com.ua
Модуль Custom Footer Opencart | Модули Ocmod
Модуль Custom Footer на Opencart - для кастомизации подвала сайта. Через админку в футер можно добавить любой HTML, в т. ч. коды счетчиков и информеров, контактную информацию, ссылки на социальные сети с иконками, кнопки Поделиться в соцсетях, а также блок Мы принимаем с иконками платежных карт и систем.
Модуль устанавливается через админку. Все настройки будут в модуле Custom Footer.
Характеристики дополнения | |
Совместимость | 2.0.0.0, 2.0.1.0, 2.0.1.1, 2.0.2.0, 2.0.3.1, 2.1.0.1, 2.1.0.2, 2.2.0.0, 2.3.0.0, 2.3.0.1, 2.3.0.2, 3.0.0.0, 3.0.1.1, 3.0.1.2, 3.0.2.0 |
Язык | русский, английский |
Ocmod | да |
Характеристики дополнения | |
Совместимость | 2.0.0.0, 2.0.1.0, 2.0.1.1, 2.0.2.0, 2.0.3.1, 2.1.0.1, 2.1.0.2, 2.2.0.0, 2.3.0.0, 2.3.0.1, 2.3.0.2, 3.0.0.0, 3.0.1.1, 3.0.1.2, 3.0.2.0 |
Язык | русский, английский |
Ocmod | да |
- Скачайте файл модуля нужной вам версии Opencart с нашего сайта;
- Перейдите в раздел "Установка дополнений/расширений" и нажмите кнопку "Загрузить";
- Выберите скачанный файл и дождитесь появления текста "Дополнение успешно установлено";
- Затем перейдите в "Менеджер дополнений" и нажмите кнопку "Обновить";
- Теперь нужно дать права на просмотр и управление модулем в разделе "Группы пользователей" нажав "Выделить все"
Перед выполнением каких-либо действий по установке дополнения настоятельно рекомендуем создать резервную копию файлов сайта и базы данных!
ocmod.net
Файл footer.tpl > OpenCart документация разработчика
Содержимое файла:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<div> <?php if ($informations) { ?> <div> <h4><?php echo $text_information; ?></h4> <ul> <?php foreach ($informations as $information) { ?> <li><a href="<?php echo $information['href']; ?>"><?php echo $information['title']; ?></a></li> <?php } ?> </ul> </div> <?php } ?> <div> <h4><?php echo $text_service; ?></h4> <ul> <li><a href="<?php echo $contact; ?>"><?php echo $text_contact; ?></a></li> <li><a href="<?php echo $return; ?>"><?php echo $text_return; ?></a></li> <li><a href="<?php echo $sitemap; ?>"><?php echo $text_sitemap; ?></a></li> </ul> </div> <div> <h4><?php echo $text_extra; ?></h4> <ul> <li><a href="<?php echo $manufacturer; ?>"><?php echo $text_manufacturer; ?></a></li> <li><a href="<?php echo $voucher; ?>"><?php echo $text_voucher; ?></a></li> <li><a href="<?php echo $affiliate; ?>"><?php echo $text_affiliate; ?></a></li> <li><a href="<?php echo $special; ?>"><?php echo $text_special; ?></a></li> </ul> </div> <div> <h4><?php echo $text_account; ?></h4> <ul> <li><a href="<?php echo $account; ?>"><?php echo $text_account; ?></a></li> <li><a href="<?php echo $order; ?>"><?php echo $text_order; ?></a></li> <li><a href="<?php echo $wishlist; ?>"><?php echo $text_wishlist; ?></a></li> <li><a href="<?php echo $newsletter; ?>"><?php echo $text_newsletter; ?></a></li> </ul> </div> </div> <!-- OpenCart is open source software and you are free to remove the powered by OpenCart if you want, but its generally accepted practise to make a small donation. Please donate via PayPal to [email protected] //--> <div><?php echo $powered; ?></div> <!-- OpenCart is open source software and you are free to remove the powered by OpenCart if you want, but its generally accepted practise to make a small donation. Please donate via PayPal to [email protected] //--> </div> </body></html>Комментарии
Please enable JavaScript to view the comments powered by Disqus. Oтзывы и предложения для OpenCart Документация разработчикаwoo.zp.ua