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;

}

Смотрим результат проделанных изменений:

После

В следующих уроках мы добавим фон, вставим другие симпатичные иконки соц. сетей и сделаем у блока закруглённые углы. Следите за новостями. Улыбка

moushe.ru

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

на это:

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

odnvkfacebook

Любуемся результатом:

После

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

moushe.ru

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

Наверняка в наборе есть не все необходимые именно вам иконки, но статья не о поиске иконок, а об их вставке. [​IMG]

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 &copy; %s'; вставим эту:

Код:

$_['text_powered'] = '%s &copy; %s'; 3.2. Откроем файл ../catalog/view/theme/default/template/common/footer.tpl и удалим эти строки (72-77):

Код:

<!-- 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] //--> <!-- Theme created by Welford Media for OpenCart 2.0 www.welfordmedia.co.uk --> теперь переместим ссылку на карту сайта, удалим эту строку (17):

Код:

<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), мы выведем в футер много полезной информации, добавим иконки, немного поработаем со стилями. Думаю будет интересно. [​IMG]

До:

После:

Список задач на сегодня:

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

opencart3Доброго времени суток. Мы продолжаем осваивать OpenCart 3. Так в прошлой статье «Как настроить ЧПУ в OpenCart 3.x» мы рассмотрели как настроить SEO URL в OpenCart 3. А в данной статье остановимся на настройках страниц информации футера.

Давайте разберемся, что имеется ввиду под настройкой страниц информации в футере OpenCart. Открываем наш интернет магазин и листаем страницу в самый низ.

Список страниц в футере

Выделенный блок мы и  будем настраивать.

Переходим в админку нашего интернет-магазина.

Дальше переходим «Каталог» -> «Статьи»

Меню статьи

И попадаем на страницу со списком статей.

Страница со статьями OpenCart

Жмем «Редактировать» напротив статьи, например, напротив About Us.

И попадаем на страницу редактирования статьи. Тут мы видим три вкладки:

Закладки настроек статьи

Вкладка «Основное»

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

Вкладки языков

Как добавить и русифицировать OpenCart 3 я описал в статье «Русификация OpenCart 3»

А как русифицировать установку OpenCart 3 я описал в статье «Русифицируем установку OpenCart3»

В поле:

Вкладка «Данные»

Во вкладке «Данные» мы указываем для каких магазинов данная статья (поле «Магазины»). Указываем отображать ссылку на статью в футере. Указываем статус для статьи (включена или выключена). И указываем порядок сортировки.

Вкладка «SEO»

В данной вкладке мы указываем SEO URL для статьи. Учтите, что url должен быть уникальным.

Настройка SEO URL для статьи в OpenCart

Вкладка «Дизайн»

Во вкладке мы указываем макет для отображения статьи.

После ввода всех данных не забываем сохранить данные. Для этого жмем «Сохранить».

Заключение.

Мы с вами рассмотрели, как можно настроить блок со списком страниц в футере OpenCart. При этом остановились на таких главных настройках статей, как:

Понравилась статья? Поделись с друзьями.

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 да
  1. Скачайте файл модуля нужной вам версии Opencart с нашего сайта;
  2. Перейдите в раздел "Установка дополнений/расширений" и нажмите кнопку "Загрузить";
  3. Выберите скачанный файл и дождитесь появления текста "Дополнение успешно установлено";
  4. Затем перейдите в "Менеджер дополнений" и нажмите кнопку "Обновить";
  5. Теперь нужно дать права на просмотр и управление модулем в разделе "Группы пользователей" нажав "Выделить все"
После этих действий модуль будет установлен и вы сможете приступить к его настройке и использованию!

Перед выполнением каких-либо действий по установке дополнения настоятельно рекомендуем создать резервную копию файлов сайта и базы данных!

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


Prostoy-Site | Все права защищены © 2018 | Карта сайта