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


Слайдер В Пластике

Автор samotoyloff, 20 марта 2014 00:23

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

#21 Мика

Мика

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

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

Отправлено 23 Сентябрь 2014 - 15:07

Здравствуйте, уважаемые специалисты.

Хотелось бы, вашей помощи..
Хочу установить под главным меню два слайдера.
Слева обычный, справа круглый (как здесь http://baijs.com/tinycircleslider/)
Помогите плиз...Буду очень благодарна.

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

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

#22 Ирина345

Ирина345

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

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

Отправлено 23 Сентябрь 2014 - 22:26

Просмотр сообщенияМика (23 Сентябрь 2014 - 15:07) писал:

Здравствуйте, уважаемые специалисты.

Хотелось бы, вашей помощи..
Хочу установить под главным меню два слайдера.
Слева обычный, справа круглый (как здесь http://baijs.com/tinycircleslider/)
Помогите плиз...Буду очень благодарна.
Здравствуйте, данный слайдер установить не получится, т.к. в коде допущена ошибка.

#23 Мика

Мика

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

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

Отправлено 24 Сентябрь 2014 - 12:06

А можно тогда просто установить два слайдера, один большой а справа маленький квадратный?

Подскажите размеры какие будут, и как сделать один справа а другой слева, под главным меню.
С установкой разберусь.

#24 Ирина345

Ирина345

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

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

Отправлено 24 Сентябрь 2014 - 15:36

Просмотр сообщенияМика (24 Сентябрь 2014 - 12:06) писал:

А можно тогда просто установить два слайдера, один большой а справа маленький квадратный?

Подскажите размеры какие будут, и как сделать один справа а другой слева, под главным меню.
С установкой разберусь.
Здравствуйте, Вы можете установить второй слайдер как в шаблоне Движения, используя данную инструкцию
http://forum.storela...vo/#entry158130

#25 Alena

Alena

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

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

Отправлено 20 Октябрь 2014 - 15:52

Добрый день. хочеться реализовать мысль: поставить слайдер под шапкой вместо логотипа

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

  • Снимок.JPG

#26 Ирина345

Ирина345

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

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

Отправлено 20 Октябрь 2014 - 16:31

Просмотр сообщенияAlena (20 Октябрь 2014 - 15:52) писал:

Добрый день. хочеться реализовать мысль: поставить слайдер под шапкой вместо логотипа
здравствуйте, Вы можете взять слайдер из сообщения выше, Вам нужно скачать архив из инструкции выше,
Далее найдите в HTML  код
</head>
и перед ним добавьте код

{% IF index_page %}
<link rel="stylesheet" type="text/css" href="{ASSETS_STYLES_PATH}camera.css">
<script type='text/javascript' src='{ASSETS_JS_PATH}camera.min.js'></script>
<script>
jQuery(function(){
jQuery('#camera_wrap_1').camera({
minHeight: '400px',
maxHeight: '600px',
pagination: false,
thumbnails: false,
time: 3000
});
});
</script>
{% ENDIF %}

далее найдите
<div class="logotype">
замените на
<div class="logotype">

<!-- Главная страница -->
{% IF index_page %}
<div class="fluid-container">
<div class="camera_wrap camera_black_skin" id="camera_wrap_1">
<div data-thumb="{ASSETS_IMAGES_PATH}slide1.jpg" data-src="{ASSETS_IMAGES_PATH}slide1.jpg">
<div class="camera_caption moveFromLeft">
Мечты становятся реальностью, когда мысли превращаются в действия!
</div>
</div>
<div data-thumb="{ASSETS_IMAGES_PATH}slide2.jpg" data-src="{ASSETS_IMAGES_PATH}slide2.jpg">
<div class="camera_caption moveFomRight">
Мечты становятся реальностью, когда мысли превращаются в действия!
</div>
</div>
<div data-thumb="{ASSETS_IMAGES_PATH}slide3.jpg" data-src="{ASSETS_IMAGES_PATH}slide3.jpg">
<div class="camera_caption moveFromLeft">
Мечты становятся реальностью, когда мысли превращаются в действия!
</div>
</div>

<div data-thumb="{ASSETS_IMAGES_PATH}slide1.jpg" data-src="{ASSETS_IMAGES_PATH}slide1.jpg">
<div class="camera_caption fadeFromLeft">
Мечты становятся реальностью, когда мысли превращаются в действия!
</div>
</div>
<div data-thumb="{ASSETS_IMAGES_PATH}slide2.jpg" data-src="{ASSETS_IMAGES_PATH}slide2.jpg">
<div class="camera_caption fadeFromRight">
Мечты становятся реальностью, когда мысли превращаются в действия!
</div>
</div>
<div data-thumb="{ASSETS_IMAGES_PATH}slide3.jpg" data-src="{ASSETS_IMAGES_PATH}slide3.jpg">
<div class="camera_caption fadeFromLeft">
Мечты становятся реальностью, когда мысли превращаются в действия!
</div>
</div>

</div><!-- #camera_wrap_1 -->
<div class="clear"></div>
</div><!-- .fluid_container -->

{% ENDIF %}
<script type='text/javascript' src='{ASSETS_JS_PATH}camera.min.js'></script>
<script>
jQuery(function(){
jQuery('#camera_wrap_1').camera({
minHeight: '400px',
maxHeight: '600px',
pagination: false,
thumbnails: false,
time: 3000
});
});
</script>

<!-- Главная страница -->
Так же нужно добавить на сайт картинки с именами slide1.jpg slide2.jpg slide3.jpg

#27 Alena

Alena

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

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

Отправлено 20 Октябрь 2014 - 17:09

Просмотр сообщенияИрина345 (20 Октябрь 2014 - 16:31) писал:

здравствуйте, Вы можете взять слайдер из сообщения выше, Вам нужно скачать архив из инструкции выше,
Далее найдите в HTML  код
</head>
и перед ним добавьте код

{% IF index_page %}
<link rel="stylesheet" type="text/css" href="{ASSETS_STYLES_PATH}camera.css">
<script type='text/javascript' src='{ASSETS_JS_PATH}camera.min.js'></script>
<script>
jQuery(function(){
jQuery('#camera_wrap_1').camera({
minHeight: '400px',
maxHeight: '600px',
pagination: false,
thumbnails: false,
time: 3000
});
});
</script>
{% ENDIF %}

далее найдите
<div class="logotype">
замените на
<div class="logotype">

<!-- Главная страница -->
{% IF index_page %}
<div class="fluid-container">
<div class="camera_wrap camera_black_skin" id="camera_wrap_1">
<div data-thumb="{ASSETS_IMAGES_PATH}slide1.jpg" data-src="{ASSETS_IMAGES_PATH}slide1.jpg">
<div class="camera_caption moveFromLeft">
Мечты становятся реальностью, когда мысли превращаются в действия!
</div>
</div>
<div data-thumb="{ASSETS_IMAGES_PATH}slide2.jpg" data-src="{ASSETS_IMAGES_PATH}slide2.jpg">
<div class="camera_caption moveFomRight">
Мечты становятся реальностью, когда мысли превращаются в действия!
</div>
</div>
<div data-thumb="{ASSETS_IMAGES_PATH}slide3.jpg" data-src="{ASSETS_IMAGES_PATH}slide3.jpg">
<div class="camera_caption moveFromLeft">
Мечты становятся реальностью, когда мысли превращаются в действия!
</div>
</div>

<div data-thumb="{ASSETS_IMAGES_PATH}slide1.jpg" data-src="{ASSETS_IMAGES_PATH}slide1.jpg">
<div class="camera_caption fadeFromLeft">
Мечты становятся реальностью, когда мысли превращаются в действия!
</div>
</div>
<div data-thumb="{ASSETS_IMAGES_PATH}slide2.jpg" data-src="{ASSETS_IMAGES_PATH}slide2.jpg">
<div class="camera_caption fadeFromRight">
Мечты становятся реальностью, когда мысли превращаются в действия!
</div>
</div>
<div data-thumb="{ASSETS_IMAGES_PATH}slide3.jpg" data-src="{ASSETS_IMAGES_PATH}slide3.jpg">
<div class="camera_caption fadeFromLeft">
Мечты становятся реальностью, когда мысли превращаются в действия!
</div>
</div>

</div><!-- #camera_wrap_1 -->
<div class="clear"></div>
</div><!-- .fluid_container -->

{% ENDIF %}
<script type='text/javascript' src='{ASSETS_JS_PATH}camera.min.js'></script>
<script>
jQuery(function(){
jQuery('#camera_wrap_1').camera({
minHeight: '400px',
maxHeight: '600px',
pagination: false,
thumbnails: false,
time: 3000
});
});
</script>

<!-- Главная страница -->
Так же нужно добавить на сайт картинки с именами slide1.jpg slide2.jpg slide3.jpg
Cпасибо, а как уменьшить размер

#28 Ирина345

Ирина345

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

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

Отправлено 20 Октябрь 2014 - 17:20

Просмотр сообщенияAlena (20 Октябрь 2014 - 17:09) писал:

Cпасибо, а как уменьшить размер
Найдите в HTML
		 
		 <!-- Главная страница -->
{% IF index_page %}
<div class="fluid-container">
<div class="camera_wrap camera_black_skin" id="camera_wrap_1">
<div data-thumb="{ASSETS_IMAGES_PATH}slide1.jpg" data-src="{ASSETS_IMAGES_PATH}slide1.jpg">
<div class="camera_caption moveFromLeft">
Мечты становятся реальностью, когда мысли превращаются в действия!
</div>
</div>
<div data-thumb="{ASSETS_IMAGES_PATH}slide2.jpg" data-src="{ASSETS_IMAGES_PATH}slide2.jpg">
<div class="camera_caption moveFomRight">
Мечты становятся реальностью, когда мысли превращаются в действия!
</div>
</div>
<div data-thumb="{ASSETS_IMAGES_PATH}slide3.jpg" data-src="{ASSETS_IMAGES_PATH}slide3.jpg">
<div class="camera_caption moveFromLeft">
Мечты становятся реальностью, когда мысли превращаются в действия!
</div>
</div>

<div data-thumb="{ASSETS_IMAGES_PATH}slide1.jpg" data-src="{ASSETS_IMAGES_PATH}slide1.jpg">
<div class="camera_caption fadeFromLeft">
Мечты становятся реальностью, когда мысли превращаются в действия!
</div>
</div>
<div data-thumb="{ASSETS_IMAGES_PATH}slide2.jpg" data-src="{ASSETS_IMAGES_PATH}slide2.jpg">
<div class="camera_caption fadeFromRight">
Мечты становятся реальностью, когда мысли превращаются в действия!
</div>
</div>
<div data-thumb="{ASSETS_IMAGES_PATH}slide3.jpg" data-src="{ASSETS_IMAGES_PATH}slide3.jpg">
<div class="camera_caption fadeFromLeft">
Мечты становятся реальностью, когда мысли превращаются в действия!
</div>
</div>

</div><!-- #camera_wrap_1 -->
<div class="clear"></div>
</div><!-- .fluid_container -->

{% ENDIF %}
<script type='text/javascript' src='{ASSETS_JS_PATH}camera.min.js'></script>
<script>
jQuery(function(){
jQuery('#camera_wrap_1').camera({
minHeight: '400px',
maxHeight: '600px',
pagination: false,
thumbnails: false,
time: 3000
});
});
</script>

<!-- Главная страница -->
замените на
  <!-- Главная страница -->
		 <div style="width: 550px;position: relative;top: -63px;">
{% IF index_page %}
<div class="fluid-container">
<div class="camera_wrap camera_black_skin" id="camera_wrap_1">
<div data-thumb="{ASSETS_IMAGES_PATH}slide1.jpg" data-src="{ASSETS_IMAGES_PATH}slide1.jpg">
<div class="camera_caption moveFromLeft">
Мечты становятся реальностью, когда мысли превращаются в действия!
</div>
</div>
<div data-thumb="{ASSETS_IMAGES_PATH}slide2.jpg" data-src="{ASSETS_IMAGES_PATH}slide2.jpg">
<div class="camera_caption moveFomRight">
Мечты становятся реальностью, когда мысли превращаются в действия!
</div>
</div>
<div data-thumb="{ASSETS_IMAGES_PATH}slide3.jpg" data-src="{ASSETS_IMAGES_PATH}slide3.jpg">
<div class="camera_caption moveFromLeft">
Мечты становятся реальностью, когда мысли превращаются в действия!
</div>
</div>

<div data-thumb="{ASSETS_IMAGES_PATH}slide1.jpg" data-src="{ASSETS_IMAGES_PATH}slide1.jpg">
<div class="camera_caption fadeFromLeft">
Мечты становятся реальностью, когда мысли превращаются в действия!
</div>
</div>
<div data-thumb="{ASSETS_IMAGES_PATH}slide2.jpg" data-src="{ASSETS_IMAGES_PATH}slide2.jpg">
<div class="camera_caption fadeFromRight">
Мечты становятся реальностью, когда мысли превращаются в действия!
</div>
</div>
<div data-thumb="{ASSETS_IMAGES_PATH}slide3.jpg" data-src="{ASSETS_IMAGES_PATH}slide3.jpg">
<div class="camera_caption fadeFromLeft">
Мечты становятся реальностью, когда мысли превращаются в действия!
</div>
</div>

</div><!-- #camera_wrap_1 -->
<div class="clear"></div>
</div><!-- .fluid_container -->

{% ENDIF %}</div>
<script type='text/javascript' src='{ASSETS_JS_PATH}camera.min.js'></script>
<script>
jQuery(function(){
jQuery('#camera_wrap_1').camera({
minHeight: '200px',
maxHeight: '200px',
pagination: false,
thumbnails: false,
time: 3000
});
});
</script>

<!-- Главная страница -->

#29 Alena

Alena

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

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

Отправлено 20 Октябрь 2014 - 17:25

Просмотр сообщенияИрина345 (20 Октябрь 2014 - 17:20) писал:

Найдите в HTML

<!-- Главная страница -->
{% IF index_page %}
<div class="fluid-container">
<div class="camera_wrap camera_black_skin" id="camera_wrap_1">
<div data-thumb="{ASSETS_IMAGES_PATH}slide1.jpg" data-src="{ASSETS_IMAGES_PATH}slide1.jpg">
<div class="camera_caption moveFromLeft">
Мечты становятся реальностью, когда мысли превращаются в действия!
</div>
</div>
<div data-thumb="{ASSETS_IMAGES_PATH}slide2.jpg" data-src="{ASSETS_IMAGES_PATH}slide2.jpg">
<div class="camera_caption moveFomRight">
Мечты становятся реальностью, когда мысли превращаются в действия!
</div>
</div>
<div data-thumb="{ASSETS_IMAGES_PATH}slide3.jpg" data-src="{ASSETS_IMAGES_PATH}slide3.jpg">
<div class="camera_caption moveFromLeft">
Мечты становятся реальностью, когда мысли превращаются в действия!
</div>
</div>

<div data-thumb="{ASSETS_IMAGES_PATH}slide1.jpg" data-src="{ASSETS_IMAGES_PATH}slide1.jpg">
<div class="camera_caption fadeFromLeft">
Мечты становятся реальностью, когда мысли превращаются в действия!
</div>
</div>
<div data-thumb="{ASSETS_IMAGES_PATH}slide2.jpg" data-src="{ASSETS_IMAGES_PATH}slide2.jpg">
<div class="camera_caption fadeFromRight">
Мечты становятся реальностью, когда мысли превращаются в действия!
</div>
</div>
<div data-thumb="{ASSETS_IMAGES_PATH}slide3.jpg" data-src="{ASSETS_IMAGES_PATH}slide3.jpg">
<div class="camera_caption fadeFromLeft">
Мечты становятся реальностью, когда мысли превращаются в действия!
</div>
</div>

</div><!-- #camera_wrap_1 -->
<div class="clear"></div>
</div><!-- .fluid_container -->

{% ENDIF %}
<script type='text/javascript' src='{ASSETS_JS_PATH}camera.min.js'></script>
<script>
jQuery(function(){
jQuery('#camera_wrap_1').camera({
minHeight: '400px',
maxHeight: '600px',
pagination: false,
thumbnails: false,
time: 3000
});
});
</script>

<!-- Главная страница -->
замените на
<!-- Главная страница -->
<div style="width: 550px;position: relative;top: -63px;">
{% IF index_page %}
<div class="fluid-container">
<div class="camera_wrap camera_black_skin" id="camera_wrap_1">
<div data-thumb="{ASSETS_IMAGES_PATH}slide1.jpg" data-src="{ASSETS_IMAGES_PATH}slide1.jpg">
<div class="camera_caption moveFromLeft">
Мечты становятся реальностью, когда мысли превращаются в действия!
</div>
</div>
<div data-thumb="{ASSETS_IMAGES_PATH}slide2.jpg" data-src="{ASSETS_IMAGES_PATH}slide2.jpg">
<div class="camera_caption moveFomRight">
Мечты становятся реальностью, когда мысли превращаются в действия!
</div>
</div>
<div data-thumb="{ASSETS_IMAGES_PATH}slide3.jpg" data-src="{ASSETS_IMAGES_PATH}slide3.jpg">
<div class="camera_caption moveFromLeft">
Мечты становятся реальностью, когда мысли превращаются в действия!
</div>
</div>

<div data-thumb="{ASSETS_IMAGES_PATH}slide1.jpg" data-src="{ASSETS_IMAGES_PATH}slide1.jpg">
<div class="camera_caption fadeFromLeft">
Мечты становятся реальностью, когда мысли превращаются в действия!
</div>
</div>
<div data-thumb="{ASSETS_IMAGES_PATH}slide2.jpg" data-src="{ASSETS_IMAGES_PATH}slide2.jpg">
<div class="camera_caption fadeFromRight">
Мечты становятся реальностью, когда мысли превращаются в действия!
</div>
</div>
<div data-thumb="{ASSETS_IMAGES_PATH}slide3.jpg" data-src="{ASSETS_IMAGES_PATH}slide3.jpg">
<div class="camera_caption fadeFromLeft">
Мечты становятся реальностью, когда мысли превращаются в действия!
</div>
</div>

</div><!-- #camera_wrap_1 -->
<div class="clear"></div>
</div><!-- .fluid_container -->

{% ENDIF %}</div>
<script type='text/javascript' src='{ASSETS_JS_PATH}camera.min.js'></script>
<script>
jQuery(function(){
jQuery('#camera_wrap_1').camera({
minHeight: '200px',
maxHeight: '200px',
pagination: false,
thumbnails: false,
time: 3000
});
});
</script>

<!-- Главная страница -->
Спасибо все получилось

#30 Мика

Мика

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

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

Отправлено 29 Октябрь 2014 - 22:48

Здравствуйте. Хочу вернуть слайдер на первичное место. Размер почему-то уменьшился. Как задать размеры, чтобы картинка была 900*563?

#31 Alekseys

Alekseys

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

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

Отправлено 29 Октябрь 2014 - 23:00

Просмотр сообщенияМика (29 Октябрь 2014 - 22:48) писал:

Здравствуйте. Хочу вернуть слайдер на первичное место. Размер почему-то уменьшился. Как задать размеры, чтобы картинка была 900*563?
Здравствуйте. В HTML переместите код
<div class="theme-default" style="padding: 1em; display: none;">
<!-- Непосредственный код слайдера -->
<div id="slider">
<img src="http://storeland.ru/img/faq/questions/nyvo_slider/tikva.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 %}
	<div id="topobj"></div>
и в main.css добавьте
.theme-default .nivoSlider img {
height: 563px!important;
}

#32 Мика

Мика

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

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

Отправлено 29 Октябрь 2014 - 23:19

Размер  не подходит, посмотрите пожалуйста на сайт

#33 Alekseys

Alekseys

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

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

Отправлено 29 Октябрь 2014 - 23:24

Просмотр сообщенияМика (29 Октябрь 2014 - 23:19) писал:

Размер  не подходит, посмотрите пожалуйста на сайт
Пожалуйста выполните инструкцию полностью.

#34 Мика

Мика

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

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

Отправлено 29 Октябрь 2014 - 23:29

Мне нужен слайдер не под главным меню, а над каталогом, как обычно распологается

#35 Vaccina

Vaccina

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

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

Отправлено 30 Октябрь 2014 - 04:27

на данный момент на вашем аккаунте не отображается ни один из слайдеров. Чтобы слайдер отображался перед каталогом, достаточно структуру слайдера разместить в шаблоне HTML перед кодом:
<div id="left">

#36 Мика

Мика

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

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

Отправлено 07 Ноябрь 2014 - 13:09

Уважаемые модераторы, слайдер потерял размеры, помогите вернуть на место,,(((

#37 MikDark

MikDark

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

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

Отправлено 07 Ноябрь 2014 - 13:13

Просмотр сообщенияМика (07 Ноябрь 2014 - 13:09) писал:

Уважаемые модераторы, слайдер потерял размеры, помогите вернуть на место,,(((

У Вас в коде слайдера не указаны ссылки на изображения. Сейчас стоят
<img src="http://storeland.ru/img/faq/questions/nyvo_slider/.jpg" alt="" />

#38 Мика

Мика

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

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

Отправлено 07 Ноябрь 2014 - 13:59

Ссылку установила, изображение не того размера получается. Размер 900*563

#39 MikDark

MikDark

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

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

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

Просмотр сообщенияМика (07 Ноябрь 2014 - 13:59) писал:

Ссылку установила, изображение не того размера получается. Размер 900*563

У Вас максимальная ширина контент-зоны 488 пикселей, поэтому картинка уменьшается.

#40 Мика

Мика

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

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

Отправлено 07 Ноябрь 2014 - 14:16

И какие теперь нужны размеры скажите пожалуйста?
Обратно в Главная


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

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

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