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


Как Добавить Слайд На Главную?


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

#1 denet

denet

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

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

Отправлено 06 Март 2016 - 21:28

Здравствуйте, хочу добавить сайт на главную страничку, но что бы именно была на главное в случай если человек перейдет на другую страничку слайд что бы исчез, вставить туда слайд где розовый цвет111.jpg

#2 RedHead

RedHead

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

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

Отправлено 07 Март 2016 - 11:29

Просмотр сообщенияdenet (06 Март 2016 - 21:28) писал:

Здравствуйте, хочу добавить сайт на главную страничку, но что бы именно была на главное в случай если человек перейдет на другую страничку слайд что бы исчез, вставить туда слайд где розовый цветПрикрепленный файл 111.jpg

Здравствуйте. Чтобы слайдер работал корректно, ввиду верстки Вашего шаблона, его необходимо разместить под информационными блоками.

1) Скачайте себе на компьютер прикрепленный архив, распакуйте и в бэкофисе магазина заходим в раздел «Сайт» > «Редактор шаблонов», с помощью кнопки "Добавить файлы" загружаем файлы из архива.

2) Далее, в шаблоне html после строк:

<!-- Скрипты магазина -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>

вставьте:

<!-- Загрузка Jquery галереи Nyvo Slider -->
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}nyvo.css" type="text/css" media="screen" />
<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.nivo.slider.pack.js"></script>

3) В этом же шаблоне, после строк:

<!-- Главная страница -->
	 <div class="container contentText">

вставьте:

			 <!-- Nyvo слайдер который отображается на главной -->
{% IF index_page %}
<!-- Обёртка, указывающая стиль темы -->
<div class="theme-default" style="padding: 1em; display: none;">
<!-- Непосредственный код слайдера -->
<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>
<!-- Запуск слайдера -->
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider().parent().show(); });
</script>
{% ENDIF %}

Замените ссылки на свои изображения. Результат:

1.jpg

#3 denet

denet

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

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

Отправлено 07 Март 2016 - 11:47

Просмотр сообщенияRedHead (07 Март 2016 - 11:29) писал:

Здравствуйте. Чтобы слайдер работал корректно, ввиду верстки Вашего шаблона, его необходимо разместить под информационными блоками.

1) Скачайте себе на компьютер прикрепленный архив, распакуйте и в бэкофисе магазина заходим в раздел «Сайт» > «Редактор шаблонов», с помощью кнопки "Добавить файлы" загружаем файлы из архива.

2) Далее, в шаблоне html после строк:

<!-- Скрипты магазина -->
&lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>

вставьте:

<!-- Загрузка Jquery галереи Nyvo Slider -->
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}nyvo.css" type="text/css" media="screen" />
&lt;script type="text/javascript" src="{ASSETS_JS_PATH}jquery.nivo.slider.pack.js"></script>

3) В этом же шаблоне, после строк:

<!-- Главная страница -->
<div class="container contentText">

вставьте:

<!-- Nyvo слайдер который отображается на главной -->
{% IF index_page %}
<!-- Обёртка, указывающая стиль темы -->
<div class="theme-default" style="padding: 1em; display: none;">
<!-- Непосредственный код слайдера -->
<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>
<!-- Запуск слайдера -->
&lt;script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider().parent().show(); });
</script>
{% ENDIF %}

Замените ссылки на свои изображения. Результат:

Прикрепленный файл 1.jpg

Здравствуйте, а где архив ? мне после
после строк или строки ?
Аккаунт SL-379398 , я думаю что тут тоже самое делать, код один в один должен быть )

#4 RedHead

RedHead

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

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

Отправлено 07 Март 2016 - 12:12

Просмотр сообщенияdenet (07 Март 2016 - 11:47) писал:

Здравствуйте, а где архив ? мне после
после строк или строки ?

Прошу прощения. Необходимые блоки кода вставляйте после указанных строк.

Прикрепленный файл  nyvo_slider (1).zip   8,64К   143 Количество загрузок:

#5 denet

denet

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

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

Отправлено 07 Март 2016 - 12:26

Просмотр сообщенияRedHead (07 Март 2016 - 12:12) писал:

Прошу прощения. Необходимые блоки кода вставляйте после указанных строк.

Прикрепленный файл nyvo_slider (1).zip

Ничего страшного) Спасибо большое)

#6 denet

denet

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

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

Отправлено 07 Март 2016 - 13:12

Просмотр сообщенияRedHead (07 Март 2016 - 12:12) писал:

Прошу прощения. Необходимые блоки кода вставляйте после указанных строк.

Прикрепленный файл nyvo_slider (1).zip

а как можно изменить размер слайда ?

#7 denet

denet

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

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

Отправлено 07 Март 2016 - 14:41

Как убрать промежуток между слайдом и меню?

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

  • 11111.PNG


#8 RedHead

RedHead

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

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

Отправлено 07 Март 2016 - 16:26

Просмотр сообщенияdenet (07 Март 2016 - 14:41) писал:

Как убрать промежуток между слайдом и меню?

В указанном Вами аккаунте №379398, прикрепленный скриншот отличается от самого сайта, там нет такого расстояния между слайдером и контентом. В магазине, Аккаунт которого указан в Вашем профиле, слайдер не установлен. Уточните, о каком магазине идет речь?

#9 denet

denet

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

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

Отправлено 08 Март 2016 - 02:13

Просмотр сообщенияRedHead (07 Март 2016 - 16:26) писал:

В указанном Вами аккаунте №379398, прикрепленный скриншот отличается от самого сайта, там нет такого расстояния между слайдером и контентом. В магазине, Аккаунт которого указан в Вашем профиле, слайдер не установлен. Уточните, о каком магазине идет речь?

я уже проблему решил сам, спасибо за помощь ) и с праздником вас!) если вы девушка)

#10 Органика

Органика

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

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

Отправлено 19 Октябрь 2016 - 13:11

Добрый день!
Подскажите, пожалуйста, как поменять слайдер и какие должны быть размеры слайдера?. Шаблон Движение.

#11 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 19 Октябрь 2016 - 13:16

Просмотр сообщенияОрганика (19 Октябрь 2016 - 13:11) писал:

Добрый день!
Подскажите, пожалуйста, как поменять слайдер и какие должны быть размеры слайдера?. Шаблон Движение.

Здравствуйте. У Вас в разделе Сайт - Редактор шаблонов есть изображения slide1.png, slide2.png, slide3.png, slide4.png Вам нужно из заменить на новые.
Размеры лучше использовать 1920*700px.

#12 Органика

Органика

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

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

Отправлено 19 Октябрь 2016 - 13:30

Извините, а можно подробнее, как их заменить?

#13 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 19 Октябрь 2016 - 13:35

Просмотр сообщенияОрганика (19 Октябрь 2016 - 13:30) писал:

Извините, а можно подробнее, как их заменить?

Находите их в левом столбце в разделе Сайт - Редактор шаблонов, кликаете на каждое из названий и в появившемся окне будет кнопка "Заменить".

#14 Органика

Органика

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

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

Отправлено 19 Октябрь 2016 - 13:55

Большое спасибо! Всё получилось.

#15 Органика

Органика

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

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

Отправлено 30 Ноябрь 2016 - 15:52

Добрый день!
Подскажите, пожалуйста, как поменять цвет на карусели, которая поверх слайда на главной странице. На данный момент - цвет черный.

#16 Mr.Nito

Mr.Nito

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

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

Отправлено 30 Ноябрь 2016 - 17:09

Здравствуйте.
Если я правильно понял,нужно изменить цвет фона под текстом на слайдере.
В файле camera.css
/**************************
*
* COLORS & SKINS
*
**************************/
.camera_caption > div {background: #000;background: rgba(0, 0, 0, 0.8);}
замените цвет на необходимый
.camera_caption > div {background: #000;}


#17 Органика

Органика

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

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

Отправлено 30 Ноябрь 2016 - 17:40

Благодарю, Вы всё правильно поняли, всё получилось.

Подскажите, как изменить цвет фона в "поиск по магазину", на данный момент он черный. При этом, когда смотрим страничку вниз он становится белый - белый оставляем!

#18 Mr.Nito

Mr.Nito

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

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

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

Просмотр сообщенияОрганика (30 Ноябрь 2016 - 17:40) писал:

Благодарю, Вы всё правильно поняли, всё получилось.

Подскажите, как изменить цвет фона в "поиск по магазину", на данный момент он черный. При этом, когда смотрим страничку вниз он становится белый - белый оставляем!
Замените  (295 строка)
#search input[type=text] {width: 100%;padding:0 25px 0 10px;height:40px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
на
#search input[type=text] {width: 100%;padding:0 25px 0 10px;height:40px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;background: #fff;}


#19 Органика

Органика

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

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

Отправлено 05 Декабрь 2016 - 16:17

Спасибо, все получилось.
Подскажите, пожалуйста, мой вопрос немного не по теме. Как убрать: "Сортировать по", "цена", "вид списка" - например, находится "в каталоге, для лица".

#20 Stasya

Stasya

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

  • Модератоpы
  • 4 007 сообщений

Отправлено 12 Декабрь 2016 - 12:51

Просмотр сообщенияОрганика (05 Декабрь 2016 - 16:17) писал:

Спасибо, все получилось.
Подскажите, пожалуйста, мой вопрос немного не по теме. Как убрать: "Сортировать по", "цена", "вид списка" - например, находится "в каталоге, для лица".

Здравствуйте. Простите за долгое ожидание ответа. Для этого Вам необходимо в шаблоне Товары найти и удалить блоки (в шаблоне они встречаются в двух местах)
<!-- Верхний блок, изменяющий отображение данных выдачи товаров -->
		<div class="toolbar">   
		  <form action="" class="form-inline OrderFilterForm">
			<!-- Список фильтров, которые сейчас действуют на результаты поиска -->
			{% FOR goods_filters %}
			  <input type="hidden" name="{goods_filters.NAME}" value="{goods_filters.VALUE}" />
			{% ENDFOR %}
		   
			<!-- Блок изменения вида списка и поля сортировки -->
			<div class="views">
			  <label>Вид списка:</label>
			  {% IF GOODS_VIEW_TYPE=2 %}
				<a onclick="goods_view_type_change('goods_view_type=1')" title="Отображать список товаров в виде таблицы с 3-мя товарами на одну строку" class="grid"></a>
				<a title="Список товаров категории &laquo;{% IF IS_FULL_CATALOG %}Каталог{% ELSE %}{CATEGORY_NAME}{% ENDIF %}&raquo; сейчас отображается в виде списка, где один товар занимает одну строку" class="list-active"></a>
			  {% ELSE %}
				<a title="Список товаров категории &laquo;{% IF IS_FULL_CATALOG %}Каталог{% ELSE %}{CATEGORY_NAME}{% ENDIF %}&raquo; сейчас отображается в виде таблицы, по 3 товара на строку" class="grid-active"></a>
				<a onclick="goods_view_type_change('goods_view_type=2')" title="Отображать список товаров в виде списка" class="list"></a>
			  {% ENDIF %}
			</div>
		 
			<div class="sort">
			  <div class="sort-by">
				<!-- Поле выбора сортировки -->
				{% IF goods_show_order_fields %}
				  <label>Сортировать по:</label>
				  <span class="select-box">
					<select name="goods_search_field_id" onchange="this.form.submit();">
					  {% FOR goods_order_fields %}
						<option value="{goods_order_fields.ID}" {% IF goods_order_fields.SELECTED %}selected="selected"{% ENDIF %}>{goods_order_fields.NAME}</option>
					  {% ENDFOR %}
					</select>
				  </span>
				{% ENDIF %}
			  </div>
			</div>
			<!-- /Блок изменения вида списка и поля сортировки -->
		   
			<!-- Блок возможности изменения лимитов выдачи -->
			{% IF goods_show_per_page %}
			  <div class="limit">
				<label>Показывать по:</label>
				<span class="select-box">
				  <select name="per_page" onchange="this.form.submit();">
					{% FOR goods_per_page_list %}
					  <option value="{goods_per_page_list.LIMIT}" {% IF goods_per_page_list.SELECTED %}selected="selected"{% ENDIF %}>{goods_per_page_list.LIMIT}</option>
					{% ENDFOR %}
				  </select>
				</span>
				<label>результатов</label>
			  </div>
			{% ENDIF %} 
			<!-- /Блок возможности изменения лимитов выдачи -->
		  </form>
		  <div class="clear"></div>
		</div>


Что касаемо удаления цены, то в данном блоке выводятся фильтры по товарам. Скажите, пожалуйста, Вы хотите удалить блок под фильтры целиком или только фильтр по цене?




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

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