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


Нужна Помощь При Оформлении Главной Страницы.

нужна помощь

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

#1 Александр19850630

Александр19850630

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

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

Отправлено 24 Март 2017 - 15:58

Добрый день, подскажите пожалуйста
1) как в в шаблоне движение добавить контактные  (телефон, скайп и так далее) под верхнее меню. Получается что много пустоты хочется ее заполнить.
2) Хочется увеличить размер логотипа. Он смотрится очень не симметрично, хотелось бы его расширить, чтобы он начинался от края каталога и доходил до середины меню.
3) Как переместить виджет контакта, под категории левого меню.  Пробовал сделать самостоятельно ничего не получилось, залазит на просмотренные товары.
Хотелось бы все это дело выровнять.

Спасибо, надеюсь на скорейшую помощь.

С уважением,
Аккаунт  SL-396103

#2 Mr.Nito

Mr.Nito

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

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

Отправлено 25 Март 2017 - 19:01

Просмотр сообщенияАлександр19850630 (24 Март 2017 - 15:58) писал:

Добрый день, подскажите пожалуйста
1) как в в шаблоне движение добавить контактные  (телефон, скайп и так далее) под верхнее меню. Получается что много пустоты хочется ее заполнить.
2) Хочется увеличить размер логотипа. Он смотрится очень не симметрично, хотелось бы его расширить, чтобы он начинался от края каталога и доходил до середины меню.
3) Как переместить виджет контакта, под категории левого меню.  Пробовал сделать самостоятельно ничего не получилось, залазит на просмотренные товары.
Хотелось бы все это дело выровнять.

Спасибо, надеюсь на скорейшую помощь.

С уважением,
Аккаунт  SL-396103
Здравствуйте.
1-2 Насколько я вижу контакты уже добавлены, а логотип увеличен.
Укажите пожалуйста на скриншоте необходимое расположение элементов(логотипа и пунктов контактов) и дополнительные изменения.
3. Группу вк поправил, она должна подстраиваться под размер страницы при загрузке.

#3 Александр19850630

Александр19850630

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

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

Отправлено 25 Март 2017 - 19:42

1) Как сделать чтобы значки телефона скайпа чуть чуть были больше и красочнее

2) Помогите пожалуйста разместить контактные данные рядом с логототипом, там пустое место.
3) Как отцентрировать верхнее меню, много пустоты в правом углу

4) Подтянуть логотип чуть повыше чтобы убрать пустоту, чтобы был под каталогом

5) Как изменить шрифт верхнего меню и его подкрасить в голубой цвет (сделать выделенным голубой линией) как при наведении. А цвет при наведении изменить.

6) Как сделать слайдер в пустом месте под верхним меню

7) В мобильной версии, после после счетчиков идет белая пустота, можно листать до бесконечности, как убрать это ?


Спасибо !!!

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

  • Логтип.PNG
  • Меню.PNG
  • Слайдер.PNG
  • Контакты..PNG


#4 Mr.Nito

Mr.Nito

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

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

Отправлено 26 Март 2017 - 12:09

Просмотр сообщенияАлександр19850630 (25 Март 2017 - 19:42) писал:

1) Как сделать чтобы значки телефона скайпа чуть чуть были больше и красочнее

2) Помогите пожалуйста разместить контактные данные рядом с логототипом, там пустое место.
3) Как отцентрировать верхнее меню, много пустоты в правом углу

4) Подтянуть логотип чуть повыше чтобы убрать пустоту, чтобы был под каталогом

5) Как изменить шрифт верхнего меню и его подкрасить в голубой цвет (сделать выделенным голубой линией) как при наведении. А цвет при наведении изменить.

6) Как сделать слайдер в пустом месте под верхним меню

7) В мобильной версии, после после счетчиков идет белая пустота, можно листать до бесконечности, как убрать это ?


Спасибо !!!
1) main.css строка
.head-mobile p {margin:0 0 10px 0; font-size:16px;}
font-size:16px; - размер шрифта
2) Контакты перенёс к логотипу
3)Меню отцентровал
4)Логотип подтянул выше
5)Цвет пунктов при наведении
color: #696c8d;
#custommenu ul.menunav li.active > a, #custommenu ul.menunav li:hover > a {color: #fff;background: #09afe7;position: relative;}

Цвет в обычном состоянии
#custommenu ul.menunav li > a {display: block;padding: 10px 15px;color: #696c79;line-height: 30px;text-transform: uppercase;font-size: 16px;font-weight: 700;position: relative;border-bottom: 2px solid transparent;}
color: #696c79;
6) Слайдер добавил
В шаблоне HTML код
<!-- Slider Слайдер -->
<div id="slideshow">
<div class="preloader"><span class="content-loading"></span></div>
<div id="slider" class="owl-carousel owl-theme">
<div class="item">
<a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=sport" /></a>
</div>
<div class="item">
<a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=sport" /></a>
</div>
<div class="item">
<a href="#" u="image"><img src="http://placehold.it/350x135"></a>
</div>
</div>
</div>
<!-- /END Slider Слайдер --> 
Размер изображений
350x135
Сейчас нужно буде загрузить файл с именем slide2.jpg и удалить тестовый слайд
			 <div class="item">
				 <a href="#" u="image"><img src="http://placehold.it/350x135"></a>
			 </div>
7)Проблема по всей видимости возникает из-за виджета обратного звонка, который в мобильной версии крепится к нижней части экрана.

#5 Александр19850630

Александр19850630

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

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

Отправлено 26 Март 2017 - 12:36

Спасибо. Буду пробовать ))))

#6 Александр19850630

Александр19850630

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

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

Отправлено 27 Март 2017 - 01:40

Подскажите пожалуйста, еще один момент:
1) Как в слайдере добавить несколько изображение. Как я понимаю слайдер по умолчанию поддерживает только две картинки.
2) Когда заходишь в категорию товара слайдер не отображается. Как сделать так чтобы он был виден во всех вкладках ?
3) Как поменять местами закладки в карточке товара Описание - Характеристики, необходимо поменять местами.
В идеале подскажите как убрать из карточки товара описание.

Спасибо

#7 Firefly

Firefly

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

  • Модераторы
  • 3 806 сообщений

Отправлено 30 Март 2017 - 14:30

Просмотр сообщенияАлександр19850630 (27 Март 2017 - 01:40) писал:

Подскажите пожалуйста, еще один момент:
1) Как в слайдере добавить несколько изображение. Как я понимаю слайдер по умолчанию поддерживает только две картинки.
2) Когда заходишь в категорию товара слайдер не отображается. Как сделать так чтобы он был виден во всех вкладках ?
3) Как поменять местами закладки в карточке товара Описание - Характеристики, необходимо поменять местами.
В идеале подскажите как убрать из карточки товара описание.

Спасибо

Здравствуйте.
1. В шаблоне HTML найдите код:
			<!-- Slider Слайдер -->
			<div id="slideshow">
			  <div class="preloader"><span class="content-loading"></span></div>
			  <div id="slider" class="owl-carousel owl-theme">
				<div class="item">
				  <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=sport" /></a>
				</div>
				<div class="item">
				  <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=sport" /></a>
				</div>
			   
			  </div>
			</div>
			<!-- /END Slider Слайдер -->  

Если потребуется добавить еще изображения - к примеру нужно добавить еще один слайд, то код нужно будет изменить на:
			<!-- Slider Слайдер -->
			<div id="slideshow">
			  <div class="preloader"><span class="content-loading"></span></div>
			  <div id="slider" class="owl-carousel owl-theme">
				<div class="item">
				  <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=sport" /></a>
				</div>
				<div class="item">
				  <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=sport" /></a>
				</div>
				<div class="item">
				  <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide3.jpg?design=sport" /></a>
				</div>
			  </div>
			</div>
			<!-- /END Slider Слайдер -->  

т.е. добавляется конструкция вида:
				<div class="item">
				  <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}Название картинки?design=sport" /></a>
				</div>

2. Изменения Вам произвел.
3. Изменения Вам произвел.
Если потребуется полностью убрать вкладку описание с содержимым в шаблоне Товар найдите и удалите код:
	  {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}<li><a href="javascript:tabSwitch(2);" id="tab_2">Описание</a></li>{% ENDIF %}

И код:
	<!--  Описание  -->
	{% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}
	  <div id="content_2" class="tab-content effect-bounceInRight" style="display: none;">
		<div class="htmlDataBlock">
		  <!-- Блок описания товара. Показываем его если есть описание товара -->
		  {% IF GOODS_DESCRIPTION_LARGE %}
			<p itemprop="description">{GOODS_DESCRIPTION_LARGE}</p>
		  {% ENDIF %}
		  <!-- END Блок описания товара. Показываем его если есть описание товара -->
		  <!-- Короткое SEO-описание -->
		  {% IF GOODS_SEO_DESCRIPTION_SHORT %}
			<p>{GOODS_SEO_DESCRIPTION_SHORT}</p>
		  {% ENDIF %}
		  <!-- END Короткое SEO-описание -->	 
		  <!-- Полное SEO-описание -->
		  {% IF GOODS_SEO_DESCRIPTION_LARGE %}
			<p>{GOODS_SEO_DESCRIPTION_LARGE}</p>
		  {% ENDIF %}
		  <!-- END Полное SEO-описание -->
		</div>
	  </div>
	{% ENDIF %}






Темы с аналогичным тегами нужна помощь

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

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