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


Уменьшить Размер Слайдера Слева, Поменять Цвет Навигации, Поднять Вверх Меню Слева

навигация слайдер меню

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

#1 elcvetkoff

elcvetkoff

    Новичок

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

Отправлено 31 Май 2015 - 15:10

День добрый. Помогите пожалуйста:

1) Уменьшить слайдер слева.
2) Поднять выше меню слева на всех страницах.
3) Изменить цвет навигации (шрифта)
  Скрин прилагается. Спасибо.

346258

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

  • скрин 1.jpg


#2 Vaccina

Vaccina

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

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

Отправлено 02 Июнь 2015 - 01:46

1,2 В шаблоне HTML найдите:
<!-- Главная страница -->
		{% IF index_page %}
		  <div id="module_area">
			<div id="flexslideshow" class="flexslider">
			  <ul class="slides">
				<li>
				  <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide1.png?design=spring) no-repeat;"></div>
				  <img src="{ASSETS_IMAGES_PATH}slide1.png?design=spring" alt="Slide 1" class="slide_img">
				</li>
				<li>
				  <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide2.png?design=spring) no-repeat;"></div>
				  <img src="{ASSETS_IMAGES_PATH}slide2.png?design=spring" alt="Slide 2" class="slide_img">
				</li>
				<li>
				  <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide3.png?design=spring) no-repeat;"></div>
				  <img src="{ASSETS_IMAGES_PATH}slide3.png?design=spring" alt="Slide 3" class="slide_img">
				</li>
				</ul>
			</div>
		  </div>
		{% ENDIF %}
		<!-- /Главная страница -->

переместите его поставив после:
{% ENDFOR %}
			  </div>
			</div>
		  {% ENDIF %}
		  <!-- END Недавно просмотренные товары -->  
		</div>
	   
		<div id="content">

3. Если речь идет о пунктах верхнего меню, то в main.css найдите:
#header .links a {
  display: block;
  float: left;
  font-size: 14px;
  padding: 11px 10px 9px;
  text-decoration: none;
}

в нем пропишите цвет шрифта, пример:
#header .links a {
  color: #fff;
  display: block;
  float: left;
  font-size: 14px;
  padding: 11px 10px 9px;
  text-decoration: none;
}


#3 elcvetkoff

elcvetkoff

    Новичок

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

Отправлено 02 Июнь 2015 - 01:59

Просмотр сообщенияVaccina (02 Июнь 2015 - 01:46) писал:

1,2 В шаблоне HTML найдите:
<!-- Главная страница -->
		{% IF index_page %}
		  <div id="module_area">
			<div id="flexslideshow" class="flexslider">
			  <ul class="slides">
				<li>
				  <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide1.png?design=spring) no-repeat;"></div>
				  <img src="{ASSETS_IMAGES_PATH}slide1.png?design=spring" alt="Slide 1" class="slide_img">
				</li>
				<li>
				  <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide2.png?design=spring) no-repeat;"></div>
				  <img src="{ASSETS_IMAGES_PATH}slide2.png?design=spring" alt="Slide 2" class="slide_img">
				</li>
				<li>
				  <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide3.png?design=spring) no-repeat;"></div>
				  <img src="{ASSETS_IMAGES_PATH}slide3.png?design=spring" alt="Slide 3" class="slide_img">
				</li>
				</ul>
			</div>
		  </div>
		{% ENDIF %}
		<!-- /Главная страница -->

переместите его поставив после:
{% ENDFOR %}
			  </div>
			</div>
		  {% ENDIF %}
		  <!-- END Недавно просмотренные товары -->  
		</div>

		<div id="content">

3. Если речь идет о пунктах верхнего меню, то в main.css найдите:
#header .links a {
  display: block;
  float: left;
  font-size: 14px;
  padding: 11px 10px 9px;
  text-decoration: none;
}

в нем пропишите цвет шрифта, пример:
#header .links a {
  color: #fff;
  display: block;
  float: left;
  font-size: 14px;
  padding: 11px 10px 9px;
  text-decoration: none;
}


Речь идет о другой навигации. Фото прикладываю.

И еще вопрос. Поменял как то цвета иконок -добавить в избранное-товары для сравнения и т.д. Как и где их поменять? Спасибо большое !

Надеюсь загрузилось . С телефона неудобно.

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

  • image.jpg


#4 Vaccina

Vaccina

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

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

Отправлено 02 Июнь 2015 - 02:15

1. Спасибо, за уточнение, речь идет о хлебных крошках, в шаблоне main.css найдите:
.breadcrumb {
	color: #777777;
	font-size: 10px;
	margin-bottom: 5px;
}
.breadcrumb a {
	color: #999999;
	font-size: 10px;
}

в данном коде измените значение стиля color

2. В main.css найдите:
a.add_to_wishlist_small {background:url('{ASSETS_IMAGES_PATH}wish_circle.png?design=spring') 50% 50% no-repeat;background-color:#58FAF4;}
  a.add_to_compare_small {background:url('{ASSETS_IMAGES_PATH}compare_circle.png?design=spring') 50% 50% no-repeat;background-color:#333333;}


в них измените цветовое значение стиля background, то есть #58FAF4 и #333333(первое для кнопки "добавить в избранное", последнее для сравнения)

#5 elcvetkoff

elcvetkoff

    Новичок

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

Отправлено 02 Июнь 2015 - 09:53

Спасибо огромное.
1)Такой вопрос, можно ли добавить краткое описание товара справа. Фото прилагается.


2) И можно ли на главную страницу вывести каталог? Спасибо

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

  • скрин_3.jpg


#6 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 02 Июнь 2015 - 10:05

Просмотр сообщенияelcvetkoff (02 Июнь 2015 - 09:53) писал:

Спасибо огромное.
1)Такой вопрос, можно ли добавить краткое описание товара справа. Фото прилагается.


2) И можно ли на главную страницу вывести каталог? Спасибо
Здравствуйте.
1) В шаблоне Товар найдите строку
<!-- Блок описания вариантов доставки -->
и перед ней вставьте
<!-- Короткое SEO-описание -->
	 {% IF GOODS_SEO_DESCRIPTION_SHORT %}
		 <div style="padding-top:1em;" class="htmlDataBlock" itemprop="description">
		 {GOODS_SEO_DESCRIPTION_SHORT}
		 </div>
	 {% ENDIF %}
	 <!-- END Короткое SEO-описание -->
{% IF GOODS_DESCRIPTION_SHORT %}
<div style="padding-top:1em;" class="htmlDataBlock" itemprop="description">
{GOODS_DESCRIPTION_SHORT}
</div>
{% ENDIF %}
Так же удалите дубль кода
<!-- Короткое SEO-описание -->
	 {% IF GOODS_SEO_DESCRIPTION_SHORT %}
		 <div style="padding-top:1em;" class="htmlDataBlock" itemprop="description">
		 {GOODS_SEO_DESCRIPTION_SHORT}
		 </div>
	 {% ENDIF %}
	 <!-- END Короткое SEO-описание -->
2) Зайдите в раздел Сайт - Главная страница - установите каталог главной страницей.

#7 elcvetkoff

elcvetkoff

    Новичок

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

Отправлено 02 Июнь 2015 - 18:25

Спасибо. Подскажите пожалуйста, как поменять цвет текста меню слева при наведении курсора.И можно ли добавить в фильтр сортировки товара  еще какой нибудь пункт ? И еще где меняется скорость открытия верхнего меню, при нажатии на - или +. Спасибо

#8 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 02 Июнь 2015 - 18:32

Просмотр сообщенияelcvetkoff (02 Июнь 2015 - 18:25) писал:

Спасибо. Подскажите пожалуйста, как поменять цвет текста меню слева при наведении курсора.И можно ли добавить в фильтр сортировки товара  еще какой нибудь пункт ? И еще где меняется скорость открытия верхнего меню, при нажатии на - или +. Спасибо
1) В main.css найдите код
.box-category > ul > li > a:hover {
  background-color: #f1f1f1;
  padding: 10px 28px 10px 20px;
}
и замените на
.box-category > ul > li > a:hover {
  background-color: #f1f1f1;
  padding: 10px 28px 10px 20px;
  color:#FF0;
}
изменяйте цвет #FF0 на свой
2) Все фильтры добавляются в разделе Товары - Товары - Каталог товаров на сайте - "Категория" - Настроить категорию.
3) В main.js найдите код
	$('#togglerone').slideToggle(1000); 
изменяйте значение 1000 на свое

#9 elcvetkoff

elcvetkoff

    Новичок

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

Отправлено 02 Июнь 2015 - 21:45

Помогите, как сделать, чтобы не прописывалось сколько товаров в той  или иной категории. :
"Вентиляторы DECOR (Soler & Palau) (8 товаров в категории)"

- И еще , почему в мобильной версии сайта, в каталоге не видно название подкатегорий?

#10 Vaccina

Vaccina

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

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

Отправлено 03 Июнь 2015 - 01:39

1. В шаблоне HTML найдите:
{% ELSEIF MOD_LNAME=catalog %}
				  {% IF IS_FULL_CATALOG %}Каталог ({GOODS_PAGES_RESULTS} товар{GOODS_PAGES_RESULTS | gen_word_end("","а","ов")} в категории){% ELSE %}{CATEGORY_NAME} ({GOODS_PAGES_RESULTS} товар{GOODS_PAGES_RESULTS | gen_word_end("","а","ов")} в категории){% ENDIF %}
			  {% ENDIF %}  

замените на:
{% ELSEIF MOD_LNAME=catalog %}
				  {% IF IS_FULL_CATALOG %}Каталог{% ELSE %}{CATEGORY_NAME}{% ENDIF %}
			  {% ENDIF %}  

2. В адаптивном варианте он у вас отображается над заголовком страницы, при клике на него выпадает меню категорий.

#11 vleon1979

vleon1979

    Новичок

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

Отправлено 04 Июль 2015 - 00:19

Добрый вечер.
1.Ребят, подскажите как уменьшить размер сладера..мне нужно чтобы он был как в шаблоне "ВЕСНА", где там девушки..У меня почему-то при всех рекомендованных размерах 1920 на 550 слайдер получается огромным , и занимает почти 1\5 страницы магазина..Замучился менять, ничего не выходит..Как его сделать узким и не растянутым, как в оригинале шаблона..
2.как сделать категорирование товара по производителю (по брендам)  со ссылками на конкретный товар, например чтобы находясь на главной странице и  нажимая на конкретный бренд ,шло перенаправление на группу товаров этого бренда. Код <a href=""> работает, но повторяет бренд каждый раз, хотя нужно чтобы бренд был один раз, а перенаправление шло именно на группу товаров этого бренда..Прошу прощения если что-то не так обьяснил..

АКК SL-349131

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

  • Безымянный.jpg


#12 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 04 Июль 2015 - 11:51

Просмотр сообщенияvleon1979 (04 Июль 2015 - 00:19) писал:

Добрый вечер.
1.Ребят, подскажите как уменьшить размер сладера..мне нужно чтобы он был как в шаблоне "ВЕСНА", где там девушки..У меня почему-то при всех рекомендованных размерах 1920 на 550 слайдер получается огромным , и занимает почти 1\5 страницы магазина..Замучился менять, ничего не выходит..Как его сделать узким и не растянутым, как в оригинале шаблона..
2.как сделать категорирование товара по производителю (по брендам)  со ссылками на конкретный товар, например чтобы находясь на главной странице и  нажимая на конкретный бренд ,шло перенаправление на группу товаров этого бренда. Код <a href=""> работает, но повторяет бренд каждый раз, хотя нужно чтобы бренд был один раз, а перенаправление шло именно на группу товаров этого бренда..Прошу прощения если что-то не так обьяснил..

АКК SL-349131

Здравствуйте.
Если я вас правильно понял, то сделайте, пожалуйста, следующее:
В шаблоне main.css найдите данный код:

#module_area img {
  height: 550px;
}

И замените его вот этим вот кодом:

#module_area img {
  height: 400px;
}


#13 vleon1979

vleon1979

    Новичок

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

Отправлено 04 Июль 2015 - 17:26

Добрый день, спасибо..но это не решает проблему..Слайдер просто растягивается, соответственно лицо на слайдере растягивается, что не может быть хорошо. Хорошо, почему в изначальном шаблоне лица и силуэты девушек не растянуты?? Вот мне надо именно так..

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

  • post-9588-0-05423600-1397719970_thumb.png


#14 vleon1979

vleon1979

    Новичок

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

Отправлено 04 Июль 2015 - 18:39

Доброго
спасибо за ответ.Проблему решил сам.переустановил слайдер..
Прошу помочь в этом вопросе:.как сделать категорирование товара по производителю (по брендам)  со ссылками на конкретный товар, например чтобы находясь на главной странице и  нажимая на конкретный бренд ,шло перенаправление на группу товаров этого бренда. Код <a href=""> работает, но повторяет бренд каждый раз, хотя нужно чтобы бренд был один раз, а перенаправление шло именно на группу товаров этого бренда.

#15 Vaccina

Vaccina

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

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

Отправлено 11 Июль 2015 - 01:58

Просмотр сообщенияvleon1979 (04 Июль 2015 - 17:26) писал:

Добрый день, спасибо..но это не решает проблему..Слайдер просто растягивается, соответственно лицо на слайдере растягивается, что не может быть хорошо. Хорошо, почему в изначальном шаблоне лица и силуэты девушек не растянуты?? Вот мне надо именно так..

Чтобы перенести слайдер вправо как на скриншоте выше в шаблоне HTML найдите:
<!-- Главная страница -->
		{% IF index_page %}
		  <div id="module_area">
			<div id="flexslideshow" class="flexslider">
			  <ul class="slides">
				<li>
				  <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide1.png?design=spring) no-repeat;"></div>
				  <img src="{ASSETS_IMAGES_PATH}slide1.png?design=spring" alt="Slide 1" class="slide_img">
				</li>
				<li>
				  <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide2.png?design=spring) no-repeat;"></div>
				  <img src="{ASSETS_IMAGES_PATH}slide2.png?design=spring" alt="Slide 2" class="slide_img">
				</li>
				<li>
				  <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide3.png?design=spring) no-repeat;"></div>
				  <img src="{ASSETS_IMAGES_PATH}slide3.png?design=spring" alt="Slide 3" class="slide_img">
				</li>
			  </ul>
			</div>
		  </div>
		{% ENDIF %}
		<!-- /Главная страница -->

перенесите данный код, поставив после:
	</div>
			</div>
		  {% ENDIF %}
		  <!-- END Недавно просмотренные товары -->  
		</div>
	   
		<div id="content">

а в main.css добавьте:
.bigPic{display:none;}


Просмотр сообщенияvleon1979 (04 Июль 2015 - 18:39) писал:

Доброго
спасибо за ответ.Проблему решил сам.переустановил слайдер..
Прошу помочь в этом вопросе:.как сделать категорирование товара по производителю (по брендам)  со ссылками на конкретный товар, например чтобы находясь на главной странице и  нажимая на конкретный бренд ,шло перенаправление на группу товаров этого бренда. Код <a href=""> работает, но повторяет бренд каждый раз, хотя нужно чтобы бренд был один раз, а перенаправление шло именно на группу товаров этого бренда.

Уточните пожалуйста, где можно просмотреть данный вывод? Если вы хотите, чтобы бренды отображались только на главной странице, то достаточно ваш код брендов обернуть в следующее условие:
{% IF index_page %}
код брендов
{% ENDIF %}


#16 vleon1979

vleon1979

    Новичок

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

Отправлено 11 Июль 2015 - 20:46

Добрый вечер.Последний пост не совсем ясен.SL-349131.попытаюсь снова обьяснить суть. У меня магазин духов. Т.к позиций по брендам очень очень много, например Шанель, Диор, Труссарди и тд.Они у меня все идут просто друг за другом. Я бы хотел сделать на основной странице перечень брендов с A-Z.Чтобы посетитель не лопатил целый список подряд, а выбрал бы нужного производителя..Например, вы хотите купить духи только Диор.Вы нажимаете на основной странице бренд ДИОР и по ссылке переходите на группу товаров только ДИОР.У меня этого на странице магазина нет.поэтому вопрос-как это сделать..

#17 Vaccina

Vaccina

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

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

Отправлено 14 Июль 2015 - 01:19

В этом случае советую создать дополнительную страницу в разделе Сайт - Страницы и в ее описании вручную вывести сетку с брендами.

#18 vleon1979

vleon1979

    Новичок

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

Отправлено 14 Июль 2015 - 10:42

А на главной нельзя никак это сделать?





Темы с аналогичным тегами навигация слайдер, меню

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

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