0
Дополнительный Блок В Карточке Товара
Автор Ibragim2010, 17 марта 2016 01:00
Сообщений в теме: 9
#1
Отправлено 17 Март 2016 - 01:00
Здравствуйте.
1. Подскажите, как переместить вкладку левее (см. фото)?
2. Никак не могу добавить в данную вкладку текст и изображение. Была одна инструкция, но она мне не помогла(
1. Подскажите, как переместить вкладку левее (см. фото)?
2. Никак не могу добавить в данную вкладку текст и изображение. Была одна инструкция, но она мне не помогла(
#2
Отправлено 17 Март 2016 - 03:50
В шаблоне Товар найдите:
замените на:
далее найдите:
перед ним вставьте:
в нем "Ваш текст" замените на неоьходимое содержание
<ul class="tabs"> {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}<li><a href="javascript:tabSwitch(1);" id="tab_1" class="active">Описание</a></li>{% ENDIF %} {% IFNOT goods_features_empty %}<li><a href="javascript:tabSwitch(2);" id="tab_2">Характеристики</a></li>{% ENDIF %} {% IFNOT goods_delivery_empty %}<li><a href="javascript:tabSwitch(3);" id="tab_3">Условия доставки</a></li>{% ENDIF %} {% IF TARIFF_FEATURE_GOODS_OPINION && SETTINGS_OPINION_DISABLE=0 %}<li><a href="javascript:tabSwitch(4);" id="tab_4">Отзывы</a></li>{% ENDIF %} <li><a href="javascript:tabSwitch(5);" id="tab_5">Определить размер</a></li> </ul>
замените на:
<ul class="tabs"> {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}<li><a href="javascript:tabSwitch(1);" id="tab_1" class="active">Описание</a></li>{% ENDIF %} {% IFNOT goods_features_empty %}<li><a href="javascript:tabSwitch(2);" id="tab_2">Характеристики</a></li>{% ENDIF %} <li><a href="javascript:tabSwitch(5);" id="tab_5">Определить размер</a></li> {% IFNOT goods_delivery_empty %}<li><a href="javascript:tabSwitch(3);" id="tab_3">Условия доставки</a></li>{% ENDIF %} {% IF TARIFF_FEATURE_GOODS_OPINION && SETTINGS_OPINION_DISABLE=0 %}<li><a href="javascript:tabSwitch(4);" id="tab_4">Отзывы</a></li>{% ENDIF %} </ul>
далее найдите:
</div> <!-- /END Основные вкладки описаний товара --> <div class="related clear"> <!-- С этим товаром смотрят --> {% IFNOT related_views_goods_empty %} <div class="related-views clearfix"> <div class="box-up-sell"> <div class="block-title"><span>С этим товаром смотрят</span></div>
перед ним вставьте:
<div id="content_5" class="tab-content" {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}style="display:none;"{%ENDIF%}> Ваш текст </div>
в нем "Ваш текст" замените на неоьходимое содержание
#3
Отправлено 17 Март 2016 - 08:32
Спасибо.
1. А как в эту вкладку вставить картинку?
-------------------------------------
Еще несколько вопросов:
2. В шапке сайта между логотипом и кнопок соц. сетей необходимо вставить свою картинку.
2.1. Какого размера она должна быть, чтобы всё не съехало?
3. Как изменить вставить свои картинки в блоке преимуществ (я так его назвал). См. фото и с возможностью их немного увеличить. А то нынешние довольно маленькие.
1. А как в эту вкладку вставить картинку?
-------------------------------------
Еще несколько вопросов:
2. В шапке сайта между логотипом и кнопок соц. сетей необходимо вставить свою картинку.
2.1. Какого размера она должна быть, чтобы всё не съехало?
3. Как изменить вставить свои картинки в блоке преимуществ (я так его назвал). См. фото и с возможностью их немного увеличить. А то нынешние довольно маленькие.
#4
Отправлено 18 Март 2016 - 03:58
1. Пример:
2. В шаблоне HTML найдите:
замените на:
текст замените на ссылку
3. Для этого в разделе Редактор шаблонов скачайте и измените в графическом редакторе ico-shoppolicy.png
<div id="content_5" class="tab-content" {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}style="display:none;"{%ENDIF%}> Ваш текст <img src="ссылка на картинку" alt="" /> </div>
2. В шаблоне HTML найдите:
div id="logo" class="col-sm-4 col-xs-12"> <a title="{SETTINGS_STORE_NAME}" href="http://{NET_DOMAIN}/"> <img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}"> </a> </div> <!-- END: Logo --> <div class="header-right col-sm-8 col-xs-12">
замените на:
div id="logo" class="col-sm-3 col-xs-12"> <a title="{SETTINGS_STORE_NAME}" href="http://{NET_DOMAIN}/"> <img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}"> </a> </div> <!-- END: Logo --> <div class="header-right col-sm-9 col-xs-12"> <img src="ссылка на картинку" alt="" style="width:40%;float:left;" />
текст замените на ссылку
3. Для этого в разделе Редактор шаблонов скачайте и измените в графическом редакторе ico-shoppolicy.png
#5
Отправлено 18 Март 2016 - 19:10
Спасибо большое.
Но возник еще один момент.
1. Строка поиска уехала вниз! Как сделать так, чтобы она поднялась вместе со всеми кнопками соц. сет. на туже высоту, что и картинка посередине?
2. Ниже Поиска и соц. сетей вставить счетчик обратного отсчета. (знаю, что он на мегатаймере генерируется). Очень важно, чтобы он был не ниже нижней границы картинки посередине. Вообщем чтобы все было красиво и аккуратно.
Заранее спасибо.
Но возник еще один момент.
1. Строка поиска уехала вниз! Как сделать так, чтобы она поднялась вместе со всеми кнопками соц. сет. на туже высоту, что и картинка посередине?
2. Ниже Поиска и соц. сетей вставить счетчик обратного отсчета. (знаю, что он на мегатаймере генерируется). Очень важно, чтобы он был не ниже нижней границы картинки посередине. Вообщем чтобы все было красиво и аккуратно.
Заранее спасибо.
#6
Отправлено 18 Март 2016 - 20:25
Ibragim2010 (18 Март 2016 - 19:10) писал:
Спасибо большое.
Но возник еще один момент.
1. Строка поиска уехала вниз! Как сделать так, чтобы она поднялась вместе со всеми кнопками соц. сет. на туже высоту, что и картинка посередине?
2. Ниже Поиска и соц. сетей вставить счетчик обратного отсчета. (знаю, что он на мегатаймере генерируется). Очень важно, чтобы он был не ниже нижней границы картинки посередине. Вообщем чтобы все было красиво и аккуратно.
Заранее спасибо.
Но возник еще один момент.
1. Строка поиска уехала вниз! Как сделать так, чтобы она поднялась вместе со всеми кнопками соц. сет. на туже высоту, что и картинка посередине?
2. Ниже Поиска и соц. сетей вставить счетчик обратного отсчета. (знаю, что он на мегатаймере генерируется). Очень важно, чтобы он был не ниже нижней границы картинки посередине. Вообщем чтобы все было красиво и аккуратно.
Заранее спасибо.
Здравствуйте. Приложенный Вами скриншот немного отличается от магазина, указанного в Вашем аккаунте. Речь идет о магазине shoes-foot? В нем строка поиска расположена посередине блока.
#7
Отправлено 18 Март 2016 - 21:31
RedHead (18 Март 2016 - 20:25) писал:
Здравствуйте. Приложенный Вами скриншот немного отличается от магазина, указанного в Вашем аккаунте. Речь идет о магазине shoes-foot? В нем строка поиска расположена посередине блока.
Помогите пожалуйста!
#8
Отправлено 19 Март 2016 - 08:59
Ответьте пожалуйста!!!!
#9
Отправлено 19 Март 2016 - 10:16
Ibragim2010 (19 Март 2016 - 08:59) писал:
Ответьте пожалуйста!!!!
Здравствуйте. В шаблоне html найдите блок кода:
<!-- Logo --> <div id="logo" class="col-sm-4 col-xs-12"> <a title="{SETTINGS_STORE_NAME}" href="http://{NET_DOMAIN}/"> <img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}"> </a> </div> <!-- END: Logo --> <div class="header-right col-sm-8 col-xs-12"> <img src=http://shoes-foot.ru/design/79.jpg alt="" style="width:40%;float:left;" /> <div class="header-right-inner"> <ul class="connect-us"> <li><a href="#" class="fa fa-facebook"></a></li> <li><a href="#" class="fa fa-twitter"></a></li> <li><a href="#" class="fa fa-youtube"></a></li> <li><a href="#" class="fa fa-vk"></a></li> </ul> <form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" title="Поиск по магазину" onsubmit="if($(this).find('.form-search').val()) return false;"> <div class="form-search"> <input type="text" name="q" value="{SEARCH_QUERY}" class="inputText" placeholder="Поиск по магазину..."> <input type="hidden" name="goods_search_field_id" value="0"> <button type="submit" title="Искать" class="button search-submit"></button> </div> </form> </div> </div>
Замените его на:
<!-- Logo --> <div id="logo" class="col-sm-3 col-xs-12"> <a title="{SETTINGS_STORE_NAME}" href="http://{NET_DOMAIN}/"> <img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}"> </a> </div> <!-- END: Logo --> <div class="header-right col-sm-4 col-xs-12"> <img src=http://shoes-foot.ru/design/79.jpg alt="" style="float:left;" /> </div> <div class="header-right col-sm-5 col-xs-12"> <div class="header-right-inner"> <ul class="connect-us"> <li><a href="#" class="fa fa-facebook"></a></li> <li><a href="#" class="fa fa-twitter"></a></li> <li><a href="#" class="fa fa-youtube"></a></li> <li><a href="#" class="fa fa-vk"></a></li> </ul> <form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" title="Поиск по магазину" onsubmit="if($(this).find('.form-search').val()) return false;"> <div class="form-search"> <input type="text" name="q" value="{SEARCH_QUERY}" class="inputText" placeholder="Поиск по магазину..."> <input type="hidden" name="goods_search_field_id" value="0"> <button type="submit" title="Искать" class="button search-submit"></button> </div> </form> <div class="clear"></div> <script src="http://megatimer.ru/s/0369b0aaf5797f30b5e277fdb7163d4e.js"></script> </div> </div>
На сайте: http://megatimer.ru/ сгенерируйте свой счетчик. Замените строку:
<script src="http://megatimer.ru/s/0369b0aaf5797f30b5e277fdb7163d4e.js"></script>на полученную.
Отрегулируйте в настройках размер таймера, чтобы он корректно отобразился на Вашем сайте. Результат:
Проверьте сайт на разных устройствах (мобильный, планшет, ноутбук) укажите, как должны выглядеть блоки на разных разрешениях экрана.
#10
Отправлено 19 Март 2016 - 11:59
Спасибо большое.
Посмотрел на разных устройствах.
Решил внести небольшое изменение центральной картинки в шапке. Убрал слово "Осталось",
Хочу чтобы чуть по-другому было.
1. Чуть правее счетчик подвинуть, а перед ним текст "До конца акции осталось:" (это на разрешении экрана 1366:768)
2. На мобильном устройстве все выглядит тоже не очень хорошо. (см. скрин). Надпись "До конца акции осталось:" должна быть под центральной картинкой, а ниже идти сам счетчик.
3. На планшете тоже немного поправить, если возможно. (см. скрин.)
Посмотрел на разных устройствах.
Решил внести небольшое изменение центральной картинки в шапке. Убрал слово "Осталось",
Хочу чтобы чуть по-другому было.
1. Чуть правее счетчик подвинуть, а перед ним текст "До конца акции осталось:" (это на разрешении экрана 1366:768)
2. На мобильном устройстве все выглядит тоже не очень хорошо. (см. скрин). Надпись "До конца акции осталось:" должна быть под центральной картинкой, а ниже идти сам счетчик.
3. На планшете тоже немного поправить, если возможно. (см. скрин.)
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных