Спецы по ocStore, отзовитесь!
Краткое содержание предыдущих серий: волевым решением я перевел сайт АРТКОМ СПб с устаревшей версии Prectashop на более современный движок ocStore, в девичестве Opencart. Сайт уже запущен, в промежутке между набиванием карточек товаров занимаюсь допиливанием движка и оформления под себя.
За основу был взят дефолтный шаблон, в котором я изменил цвета и перелопатил файлы tpl для большего индивидуализма. В том числе из файла header.tpl было убрано все, кроме телефона компании. Возможно, в будущем мы вернем возможность регистрации покупателя и оформление покупки непосредственно на сайте, но на данный момент компания к этому не готова. Кучу освободившегося места решил занять ссылками на страницу с прайс-листом и товарами со скидкой. Вывел простенько, кусочек кода под катом:
<nav id=»top»>
<div class=»container»>
<?php echo $currency; ?>
<?php echo $language; ?>
<div id=»top-links» class=»nav pull-right»>
<ul class=»list-inline»>
<li><a href=»http://www.artcomspb.com/price»> <span class=»hidden-xs hidden-sm hidden-md»><b><?php echo ‘Цены’; ?></b></span></li>
<li><a href=»http://www.artcomspb.com/specials/»> <span class=»hidden-xs hidden-sm hidden-md»><b><?php echo ‘Акции’; ?></b></span></li>
<li><a href=»<?php echo $contact; ?>»><i class=»fa fa-phone»></i></a> <span class=»hidden-xs hidden-sm hidden-md»><b><?php echo $telephone; ?></b></span></li>
</div>
</div>
</nav>
В результате в шапке имеем вот это:
В общем, смотрится прилично, но есть пара нюансов. Во-первых, без картинки добавленные ссылки выбиваются из стиля. А, самое главное, при просмотре сайта с планшета текст ссылок пропадает напрочь, остается только иконка телефона со ссылкой на страницу обратной связи. То есть, на планшете пользователю придется крутить страницу сайта до футера, чтоба увидеть ссылки на прайс. Некузяво.
Отседова вопрос: как присобачить картинки?
Ваша оценка публикации:
Метки: сайтостроительное