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


Слайдер На Главной Помогите


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

#1 Shurup

Shurup

    Пользователь

  • Пользователи
  • PipPip
  • 39 сообщений
  • ГородМосква

Отправлено 11 Ноябрь 2015 - 12:03

Добрый день! Помогите пожалуйста добавить на главную страницу слайдер из 4 слайдов.
И сделать в левом меню не каталог как сейчас а надпись наши бренды и список из 4 активных  брендов.
Безымянный333.JPG

#2 Юля123

Юля123

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

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

Отправлено 11 Ноябрь 2015 - 12:55

Просмотр сообщенияShurup (11 Ноябрь 2015 - 12:03) писал:

Добрый день! Помогите пожалуйста добавить на главную страницу слайдер из 4 слайдов.
И сделать в левом меню не каталог как сейчас а надпись наши бренды и список из 4 активных  брендов.
Прикрепленный файл Безымянный333.JPG

В разделе FAQ есть инструкции по установке слайдера.

По поводу каталога, попробуйте следующее:

найдите код в шаблоне HTML

		  <!-- Каталог товаров -->		 
		  {%IFNOT catalog_full_empty%}
			<div class="box">
			  <div class="box-heading">Каталог</div>
			  <div class="box-content">
				<div class="box-category">
				  {%FOR catalog_full%}
					{% IF catalog_full.FIRST %}<ul class="accordion">{% ENDIF %}
					<li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}">
					  <a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</a>
					{% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
					{% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
				  {%ENDFOR%}
				</div>
			  </div>
			</div>
		  {%ENDIF%}
		  <!-- /Каталог товаров -->

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

<!-- Бренды -->		 
		  {%IFNOT catalog_full_empty%}
			<div class="box">
			  <div class="box-heading">Наши бренды</div>
			  <div class="box-content">
				<div class="box-category">
					<ul class="accordion">
					<li>
					  <a href="Ссылка на бренд">Бренд1</a>
					</li>
				   
					 <li>
					  <a href="Ссылка на бренд">Бренд2</a>
					</li>
				   
					 <li>
					  <a href="Ссылка на бренд">Бренд3</a>
					</li>
					 <li>
					  <a href="Ссылка на бренд">Бренд4</a>
					</li>
					</ul>
				</div>
			  </div>
			</div>
		  {%ENDIF%}
		  <!-- Бренды -->

Добавьте свои ссылки и названия брендов.

#3 Shurup

Shurup

    Пользователь

  • Пользователи
  • PipPip
  • 39 сообщений
  • ГородМосква

Отправлено 11 Ноябрь 2015 - 13:30

Просмотр сообщенияЮля123 (11 Ноябрь 2015 - 12:55) писал:

В разделе FAQ есть инструкции по установке слайдера.

По поводу каталога, попробуйте следующее:

найдите код в шаблоне HTML

		 <!-- Каталог товаров -->		
		 {%IFNOT catalog_full_empty%}
		 <div class="box">
			 <div class="box-heading">Каталог</div>
			 <div class="box-content">
			 <div class="box-category">
				 {%FOR catalog_full%}
				 {% IF catalog_full.FIRST %}<ul class="accordion">{% ENDIF %}
				 <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}">
					 <a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</a>
				 {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
				 {% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
				 {%ENDFOR%}
			 </div>
			 </div>
		 </div>
		 {%ENDIF%}
		 <!-- /Каталог товаров -->

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

<!-- Бренды -->		
		 {%IFNOT catalog_full_empty%}
		 <div class="box">
			 <div class="box-heading">Наши бренды</div>
			 <div class="box-content">
			 <div class="box-category">
				 <ul class="accordion">
				 <li>
					 <a href="Ссылка на бренд">Бренд1</a>
				 </li>
				
					 <li>
					 <a href="Ссылка на бренд">Бренд2</a>
				 </li>
				
					 <li>
					 <a href="Ссылка на бренд">Бренд3</a>
				 </li>
					 <li>
					 <a href="Ссылка на бренд">Бренд4</a>
				 </li>
				 </ul>
			 </div>
			 </div>
		 </div>
		 {%ENDIF%}
		 <!-- Бренды -->

Добавьте свои ссылки и названия брендов.
Спасибо со слайдером разобрался!
А как теперь убрать вот эти надписи и поднять товар сразу к слайдеру?
И в слайдере сделать 4 слайда.
999.JPG

#4 Shurup

Shurup

    Пользователь

  • Пользователи
  • PipPip
  • 39 сообщений
  • ГородМосква

Отправлено 11 Ноябрь 2015 - 14:14

И не найду где заменить эти слайды на свои?

#5 Юля123

Юля123

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

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

Отправлено 11 Ноябрь 2015 - 14:37

Просмотр сообщенияShurup (11 Ноябрь 2015 - 14:14) писал:

И не найду где заменить эти слайды на свои?

в шаблоне HTML найдите код:

<div id="slider">
<img src="http://storeland.ru/img/faq/questions/nyvo_slider/slider.jpg" alt="" />
<a href="/"><img src="/img/faq/questions/nyvo_slider/nemo.jpg" alt="" /></a>
<img title="Пример картинки с заголовком" src="http://storeland.ru/img/faq/questions/nyvo_slider/toystory.jpg" alt="" />
<img src="http://storeland.ru/img/faq/questions/nyvo_slider/walle.jpg" alt="" />
<img src="http://storeland.ru/img/faq/questions/nyvo_slider/cars.jpg" alt="" />
</div>

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

<div id="slider">
<img src="ссылка" alt="" />
<img src="ссылка" alt="" />
<img src="ссылка" alt="" />
<img src="ссылка" alt="" />
</div>

замените слово "ссылка" на ссылки нужных вам изображений. Изображения должны быть размером 937 × 398px.


Затем в стилях nyvo.css найдите код:

.theme-default .nivoSlider {
position:relative;
background:#fff url({ASSETS_IMAGES_PATH}nyvo_loading.gif) no-repeat 50% 50%;
	margin-bottom:50px;
	-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
	-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
	box-shadow: 0px 1px 5px 0px #4a4a4a;
}

и замените на код:

.theme-default .nivoSlider {
position:relative;
background:#fff url({ASSETS_IMAGES_PATH}nyvo_loading.gif) no-repeat 50% 50%;
	margin-bottom:0px;
	-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
	-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
	box-shadow: 0px 1px 5px 0px #4a4a4a;
}

и вот этот код:

.theme-default .nivo-controlNav {
text-align: center;
padding: 20px 0;
}

замените на код:

.theme-default .nivo-controlNav {
text-align: center;
padding: 20px 0;
display:none;
}


#6 Shurup

Shurup

    Пользователь

  • Пользователи
  • PipPip
  • 39 сообщений
  • ГородМосква

Отправлено 11 Ноябрь 2015 - 16:15

Просмотр сообщенияЮля123 (11 Ноябрь 2015 - 14:37) писал:

в шаблоне HTML найдите код:

<div id="slider">
<img src="http://storeland.ru/img/faq/questions/nyvo_slider/slider.jpg" alt="" />
<a href="/"><img src="/img/faq/questions/nyvo_slider/nemo.jpg" alt="" /></a>
<img title="Пример картинки с заголовком" src="http://storeland.ru/img/faq/questions/nyvo_slider/toystory.jpg" alt="" />
<img src="http://storeland.ru/img/faq/questions/nyvo_slider/walle.jpg" alt="" />
<img src="http://storeland.ru/img/faq/questions/nyvo_slider/cars.jpg" alt="" />
</div>

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

<div id="slider">
<img src="ссылка" alt="" />
<img src="ссылка" alt="" />
<img src="ссылка" alt="" />
<img src="ссылка" alt="" />
</div>

замените слово "ссылка" на ссылки нужных вам изображений. Изображения должны быть размером 937 × 398px.


Затем в стилях nyvo.css найдите код:

.theme-default .nivoSlider {
position:relative;
background:#fff url({ASSETS_IMAGES_PATH}nyvo_loading.gif) no-repeat 50% 50%;
margin-bottom:50px;
-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
box-shadow: 0px 1px 5px 0px #4a4a4a;
}

и замените на код:

.theme-default .nivoSlider {
position:relative;
background:#fff url({ASSETS_IMAGES_PATH}nyvo_loading.gif) no-repeat 50% 50%;
margin-bottom:0px;
-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
box-shadow: 0px 1px 5px 0px #4a4a4a;
}

и вот этот код:

.theme-default .nivo-controlNav {
text-align: center;
padding: 20px 0;
}

замените на код:

.theme-default .nivo-controlNav {
text-align: center;
padding: 20px 0;
display:none;
}
Спасибо!
А как убрать вот эти надписи? И сдвинуть блок с товарами вверх как на фото? И по центру написать ХИТЫ ПРОДАЖ?
777.JPG

#7 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

Отправлено 11 Ноябрь 2015 - 20:37

Просмотр сообщенияShurup (11 Ноябрь 2015 - 16:15) писал:

Спасибо!
А как убрать вот эти надписи? И сдвинуть блок с товарами вверх как на фото? И по центру написать ХИТЫ ПРОДАЖ?
Прикрепленный файл 777.JPG
Здравствуйте, найдите в шаблоне Страница код
<h2 class="heading_title"><span>{PAGE_NAME}</span></h2> 
  <div class="box-content htmlDataBlock">
	{% IF FORM_NOTICE %}  
	  <div class="{% IF FORM_NOTICE_IS_GOOD %}success{% ELSE %}warning{% ENDIF %}">{FORM_NOTICE | nl2br}</div>
	{% ENDIF %}
	{PAGE_CONTENT}
  </div>
замените на
{% IFNOT index_page%}

 <h2 class="heading_title"><span>{PAGE_NAME}</span></h2> 
  <div class="box-content htmlDataBlock">
	{% IF FORM_NOTICE %}  
	  <div class="{% IF FORM_NOTICE_IS_GOOD %}success{% ELSE %}warning{% ENDIF %}">{FORM_NOTICE | nl2br}</div>
	{% ENDIF %}
	{PAGE_CONTENT}
  </div>
{%ENDIF%}

в шаблоне hTML

<h2 class="heading_title"><span>Избранные товары</span></h2>

замените на

 <h2 class="heading_title"><span>Хиты продаж</span></h2>


#8 Shurup

Shurup

    Пользователь

  • Пользователи
  • PipPip
  • 39 сообщений
  • ГородМосква

Отправлено 12 Ноябрь 2015 - 10:48

Просмотр сообщенияИрина345 (11 Ноябрь 2015 - 20:37) писал:

Здравствуйте, найдите в шаблоне Страница код
<h2 class="heading_title"><span>{PAGE_NAME}</span></h2>
<div class="box-content htmlDataBlock">
{% IF FORM_NOTICE %}
<div class="{% IF FORM_NOTICE_IS_GOOD %}success{% ELSE %}warning{% ENDIF %}">{FORM_NOTICE | nl2br}</div>
{% ENDIF %}
{PAGE_CONTENT}
</div>
замените на
{% IFNOT index_page%}

<h2 class="heading_title"><span>{PAGE_NAME}</span></h2>
<div class="box-content htmlDataBlock">
{% IF FORM_NOTICE %}
<div class="{% IF FORM_NOTICE_IS_GOOD %}success{% ELSE %}warning{% ENDIF %}">{FORM_NOTICE | nl2br}</div>
{% ENDIF %}
{PAGE_CONTENT}
</div>
{%ENDIF%}

в шаблоне hTML

<h2 class="heading_title"><span>Избранные товары</span></h2>

замените на

 <h2 class="heading_title"><span>Хиты продаж</span></h2>
Спасибо все получилось!!




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

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