Перейти к содержимому


Дополнительный Блок В Карточке Товара

Автор Ibragim2010, 17 марта 2016 01:00

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 9

#1 Ibragim2010

Ibragim2010

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 182 сообщений

Отправлено 17 Март 2016 - 01:00

Здравствуйте.
1. Подскажите, как переместить вкладку левее (см. фото)?
2. Никак не могу добавить в данную вкладку текст и изображение. Была одна инструкция, но она мне не помогла(

Прикрепленные изображения

  • Screenshot10.jpg

#2 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 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 Ibragim2010

Ibragim2010

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 182 сообщений

Отправлено 17 Март 2016 - 08:32

Спасибо.
1. А как в эту вкладку вставить картинку?
-------------------------------------
Еще несколько вопросов:
2. В шапке сайта между логотипом и кнопок соц. сетей необходимо вставить свою картинку.
2.1. Какого размера она должна быть, чтобы всё не съехало?
3. Как изменить вставить свои картинки в блоке преимуществ (я так его назвал). См. фото и с возможностью их немного увеличить. А то нынешние довольно маленькие.

Прикрепленные изображения

  • 77.jpg
  • 78.jpg

#4 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 18 Март 2016 - 03:58

1. Пример:
<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 Ibragim2010

Ibragim2010

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 182 сообщений

Отправлено 18 Март 2016 - 19:10

Спасибо большое.
Но возник еще один момент.
1. Строка поиска уехала вниз! Как сделать так, чтобы она поднялась вместе со всеми кнопками соц. сет. на туже высоту, что и картинка посередине?
2. Ниже Поиска и соц. сетей вставить счетчик обратного отсчета. (знаю, что он на мегатаймере генерируется). Очень важно, чтобы он был не ниже нижней границы картинки посередине. Вообщем чтобы все было красиво и аккуратно.
Заранее спасибо.

Прикрепленные изображения

  • Screenshot1.jpg

#6 RedHead

RedHead

    Активный участник

  • Модераторы
  • 1 052 сообщений

Отправлено 18 Март 2016 - 20:25

 Ibragim2010 (18 Март 2016 - 19:10) писал:

Спасибо большое.
Но возник еще один момент.
1. Строка поиска уехала вниз! Как сделать так, чтобы она поднялась вместе со всеми кнопками соц. сет. на туже высоту, что и картинка посередине?
2. Ниже Поиска и соц. сетей вставить счетчик обратного отсчета. (знаю, что он на мегатаймере генерируется). Очень важно, чтобы он был не ниже нижней границы картинки посередине. Вообщем чтобы все было красиво и аккуратно.
Заранее спасибо.

Здравствуйте. Приложенный Вами скриншот немного отличается от магазина, указанного в Вашем аккаунте. Речь идет о магазине shoes-foot? В нем строка поиска расположена посередине блока.

#7 Ibragim2010

Ibragim2010

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 182 сообщений

Отправлено 18 Март 2016 - 21:31

 RedHead (18 Март 2016 - 20:25) писал:

Здравствуйте. Приложенный Вами скриншот немного отличается от магазина, указанного в Вашем аккаунте. Речь идет о магазине shoes-foot? В нем строка поиска расположена посередине блока.
Сейчас актуально! просто сделал Бекап шаблона и все пропало.
Помогите пожалуйста!

#8 Ibragim2010

Ibragim2010

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 182 сообщений

Отправлено 19 Март 2016 - 08:59

Ответьте пожалуйста!!!!

#9 RedHead

RedHead

    Активный участник

  • Модераторы
  • 1 052 сообщений

Отправлено 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>
на полученную.

Отрегулируйте в настройках размер таймера, чтобы он корректно отобразился на Вашем сайте. Результат:

1.jpg 2.jpg

Проверьте сайт на разных устройствах (мобильный, планшет, ноутбук) укажите, как должны выглядеть блоки на разных разрешениях экрана.

#10 Ibragim2010

Ibragim2010

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 182 сообщений

Отправлено 19 Март 2016 - 11:59

Спасибо большое.
Посмотрел на разных устройствах.
Решил внести небольшое изменение центральной картинки в шапке. Убрал слово "Осталось",
Хочу чтобы чуть по-другому было.
1. Чуть правее счетчик подвинуть, а перед ним текст "До конца акции осталось:" (это на разрешении экрана 1366:768)
2. На мобильном устройстве все выглядит тоже не очень хорошо. (см. скрин). Надпись "До конца акции осталось:" должна быть под центральной картинкой, а ниже идти сам счетчик.
3. На планшете тоже немного поправить, если возможно. (см. скрин.)

Прикрепленные изображения

  • bc047b10-be65-480e-aaae-22a2a4e0f2fb.jpg
  • Screenshot.jpg
  • 27418c86-4b04-489d-988f-01bb8b024e2c.jpg

Обратно в Страница товара


Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Лазурь
  5. → Страница товара
  6. Privacy Policy