Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

Вертикальные Слайдеры

Автор M4RQ, 09 окт. 2013 13:26

вертикальные слайдеры слайдеры вертикальный слайдер слайдер помощь АХТУНГ

Вперед

Авторизуйтесь для ответа в теме

Сообщений в теме: 50

#1 M4RQ

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

Пользователи
62 сообщений

Отправлено 09 Октябрь 2013 - 13:26

Возможно ли сделать по бокам от слайдера на главной сделать вертикальные слайдеры с товаром.
Если да, то как?
basketland.ru

Наверх

#2 empty9228

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

Модератоpы
618 сообщений

Отправлено 09 Октябрь 2013 - 14:56

Здравствуйте! Возможно сделать горизонтальную карусель, либо найти в сети вертикальную, если Вы её найдете с установкой мы поможем!

Наверх

#3 M4RQ

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

Пользователи
62 сообщений

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

http://baijs.nl/tinycarousel/
только вместо одной картинки нужно 3

и чтобы если нажать на картинку - переходишь на страничку

Наверх

#4 Vaccina

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

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

Отправлено 10 Октябрь 2013 - 02:40

Подобный вопрос рассматривался в следующей теме форума http://forum.storela...ery/#entry31915
Возможно вам так же будет полезна тема http://forum.storela...лож/#entry32781

Наверх

#5 M4RQ

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

Пользователи
62 сообщений

Отправлено 10 Октябрь 2013 - 09:27

Vaccina (10 Октябрь 2013 - 02:40) писал:

А как расположить их по бокам от слайдера?

Наверх

#6 M4RQ

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

Пользователи
62 сообщений

Отправлено 10 Октябрь 2013 - 10:22

ребят, помогите
нам открываться к концу недели

Наверх

#7 miyako

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

Модератоpы
5 372 сообщений

Отправлено 10 Октябрь 2013 - 13:23

M4RQ (10 Октябрь 2013 - 10:22) писал:

ребят, помогите
нам открываться к концу недели

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

<script type="text/javascript">
$(window).load(function() {
		$('#slider').nivoSlider({
				effect: 'random', // Specify sets like: 'fold,fade,sliceDown'
				slices: 15, // For slice animations
				boxCols: 8, // For box animations
				boxRows: 4, // For box animations
				animSpeed: 500, // Slide transition speed
				pauseTime: 3000, // How long each slide will show
				startSlide: 0, // Set starting Slide (0 index)
				directionNav: true, // Next & Prev navigation
				controlNav: true, // 1,2,3... navigation
				controlNavThumbs: false, // Use thumbnails for Control Nav
				pauseOnHover: true, // Stop animation while hovering
				manualAdvance: false, // Force manual transitions
				prevText: 'Prev', // Prev directionNav text
				nextText: 'Next', // Next directionNav text
				randomStart: false, // Start on a random slide
				beforeChange: function(){}, // Triggers before a slide transition
				afterChange: function(){}, // Triggers after a slide transition
				slideshowEnd: function(){}, // Triggers after all slides have been shown
				lastSlide: function(){}, // Triggers when last slide is shown
				afterLoad: function(){} // Triggers when slider has loaded
		});
});
</script>

и удалите его..
Далее найдите код -

</head>
<body>

и замените на -

<script type="text/javascript">
$(window).load(function() {
		$('#slider').nivoSlider({
				effect: 'random', // Specify sets like: 'fold,fade,sliceDown'
				slices: 15, // For slice animations
				boxCols: 8, // For box animations
				boxRows: 4, // For box animations
				animSpeed: 500, // Slide transition speed
				pauseTime: 3000, // How long each slide will show
				startSlide: 0, // Set starting Slide (0 index)
				directionNav: true, // Next & Prev navigation
				controlNav: true, // 1,2,3... navigation
				controlNavThumbs: false, // Use thumbnails for Control Nav
				pauseOnHover: true, // Stop animation while hovering
				manualAdvance: false, // Force manual transitions
				prevText: 'Prev', // Prev directionNav text
				nextText: 'Next', // Next directionNav text
				randomStart: false, // Start on a random slide
				beforeChange: function(){}, // Triggers before a slide transition
				afterChange: function(){}, // Triggers after a slide transition
				slideshowEnd: function(){}, // Triggers after all slides have been shown
				lastSlide: function(){}, // Triggers when last slide is shown
				afterLoad: function(){} // Triggers when slider has loaded
		});
});
</script>
</head>
<body>

Далее найдите код -


<img src="http://cs538218.vk.me/u92359262/docs/8c6c4badf8d9/2.png?extra=n5Dt_ewuycMSxNm2E198GXc715jgCU9OUu_nEOpfdRrGrsSlEYn7fx8ucGhNue3PMAj0yKtKJJAtQpA7b9z4RyM-c9iSaIS0Yw" alt="" />
<img src="http://cs538218.vk.me/u92359262/docs/57389d5c983d/3.png?extra=BXv4PF1YvjdwD3ACIP1o2bTnOjgSHwuvbnEu8JTIXVtg16eLLDszu5L5TLklPzkq_J9tOkwg7dwNVppo2Y_QMISiPSdu0H9-Aw" alt="" />
<img src="http://cs538523.vk.me/u92359262/docs/8fd9797c946a/5.png?extra=Vlik2tbADKeLH5wu4EOx8JncvCi2qtGaJoaBTrjMO1XU3EpS22uqUIFbNKNeYqRT_qk2biNC92z0EHEnNGHBYWbrpx9yAhAwPA" alt="" />
<img src="http://cs537413.vk.me/u92359262/docs/97d62079b1ab/4.png?extra=Fz5PR_7RB1yWktnAw_-ssudYcZjISV8RiU18z0-KV6PXhAGPXtoSgBJT9wOKYWG1NI_cGvXfKHzHV84KcSvvZcccoHD89BcQmw" alt="" />

и после него добавьте код -

</div>

Также у Вас некорректно задан путь до изображений.
Загрузите Ваши изображения в раздел Сайт - Файлы и скопируйте код путь до изображения, нажав на иконку бесконечности.

Наверх

#8 Stasya

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

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

Отправлено 10 Октябрь 2013 - 16:03

M4RQ (10 Октябрь 2013 - 10:22) писал:

ребят, помогите
нам открываться к концу недели

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

<!-- Скрипты магазина -->
<script src="{ASSETS_JS_PATH}main.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>

и после него вставьте блок

<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.jcarousel.min.js"></script>
<link rel="stylesheet" type="text/css" href="{ASSETS_STYLES_PATH}skin.css" />
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('#mycarousel1, #mycarousel2 ').jcarousel({
vertical: true,
scroll: 2
});
});
</script>

2. Панель управления -> Сайт -> Редактор тем -> файл skin.css
найдите строчки

 background: transparent url(../images/next-vertical.png) no-repeat 0 0;
background: transparent url(../images/prev-vertical.png) no-repeat 0 0;

и вместо них вставьте соответственно

background: transparent url({ASSETS_IMAGES_PATH}next-vertical.png) no-repeat 0 0;
background: transparent url({ASSETS_IMAGES_PATH}prev-vertical.png) no-repeat 0 0;

3. В шаблоне HTML найдите блок

	 <!-- Nyvo слайдер который отображается на главной -->
{% IF index_page %}
<!-- Обёртка, указывающая стиль темы -->
<div class="theme-default" style="padding: 1em; display: none;">
<!-- Непосредственный код слайдера -->
<div id="slider">
<img src="http://cs538218.vk.me/u92359262/docs/8c6c4badf8d9/2.png?extra=n5Dt_ewuycMSxNm2E198GXc715jgCU9OUu_nEOpfdRrGrsSlEYn7fx8ucGhNue3PMAj0yKtKJJAtQpA7b9z4RyM-c9iSaIS0Yw" alt="" />
<img src="http://cs538218.vk.me/u92359262/docs/57389d5c983d/3.png?extra=BXv4PF1YvjdwD3ACIP1o2bTnOjgSHwuvbnEu8JTIXVtg16eLLDszu5L5TLklPzkq_J9tOkwg7dwNVppo2Y_QMISiPSdu0H9-Aw" alt="" />
<img src="http://cs538523.vk.me/u92359262/docs/8fd9797c946a/5.png?extra=Vlik2tbADKeLH5wu4EOx8JncvCi2qtGaJoaBTrjMO1XU3EpS22uqUIFbNKNeYqRT_qk2biNC92z0EHEnNGHBYWbrpx9yAhAwPA" alt="" />
<img src="http://cs537413.vk.me/u92359262/docs/97d62079b1ab/4.png?extra=Fz5PR_7RB1yWktnAw_-ssudYcZjISV8RiU18z0-KV6PXhAGPXtoSgBJT9wOKYWG1NI_cGvXfKHzHV84KcSvvZcccoHD89BcQmw" alt="" />
</div>
<!-- Запуск слайдера -->
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider().parent().show(); });
</script>
{% ENDIF %}
	 </div>

Теперь перед ним вставьте блок

<ul id="mycarousel1" class="jcarousel jcarousel-skin-tango">
<li><img src="{ASSETS_IMAGES_PATH}1.jpg" width="200" height="200" alt="" /></li>
<li><img src="{ASSETS_IMAGES_PATH}2.jpg" width="200" height="200" alt="" /></li>
<li><img src="{ASSETS_IMAGES_PATH}3.jpg" width="200" height="200" alt="" /></li>
<li><img src="{ASSETS_IMAGES_PATH}4.jpg" width="200" height="200" alt="" /></li>
<li><img src="{ASSETS_IMAGES_PATH}5.jpg" width="200" height="200" alt="" /></li>
<li><img src="{ASSETS_IMAGES_PATH}6.jpg" width="200" height="200" alt="" /></li>
</ul>

И после того блока вставьте блок

<div class=" jcarousel-skin-tango" style="float:right;margin-top:-795px;">
	 <div class="jcarousel-container jcarousel-container-vertical" style="position: relative; display: block;">
	 <div class="jcarousel-clip jcarousel-clip-vertical" style="overflow: hidden; position: relative;">
	 <ul id="mycarousel2" class="jcarousel jcarousel-skin-tango">
<li><img src="{ASSETS_IMAGES_PATH}7.jpg" width="200" height="200" alt="" /></li>
<li><img src="{ASSETS_IMAGES_PATH}8.jpg" width="200" height="200" alt="" /></li>
<li><img src="{ASSETS_IMAGES_PATH}9.jpg" width="200" height="200" alt="" /></li>
<li><img src="{ASSETS_IMAGES_PATH}10.jpg" width="200" height="200" alt="" /></li>
<li><img src="{ASSETS_IMAGES_PATH}11.jpg" width="200" height="200" alt="" /></li>
<li><img src="{ASSETS_IMAGES_PATH}12.jpg" width="200" height="200" alt="" /></li>
</ul>
</div>
<div class="jcarousel-prev jcarousel-prev-vertical jcarousel-prev-disabled jcarousel-prev-disabled-vertical" disabled="disabled" style="display: block;"></div>
<div class="jcarousel-next jcarousel-next-vertical" style="display: block;"></div>
</div>
</div>

Теперь в файле nyvo.css найдите блок

.theme-default {
width: 60%;
margin: auto;
}

и замените его на

.theme-default {
width: 60%;
margin: auto;
margin-top: -427px;
}

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

news-1313422151_vertical_slider.rar-1.zip 14,8К 90 Количество загрузок:

Наверх

#9 M4RQ

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

Пользователи
62 сообщений

Отправлено 10 Октябрь 2013 - 16:48

спасибо, сейчас попробую

Наверх

#10 M4RQ

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

Пользователи
62 сообщений

Отправлено 10 Октябрь 2013 - 17:44

Stasya (10 Октябрь 2013 - 16:03) писал:

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

<!-- Скрипты магазина -->
<script src="{ASSETS_JS_PATH}main.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>

и после него вставьте блок

<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.jcarousel.min.js"></script>
<link rel="stylesheet" type="text/css" href="{ASSETS_STYLES_PATH}skin.css" />
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery([/size]'#mycarousel1, #mycarousel2 '[size=4]).jcarousel({
vertical: true,
scroll: 2
});
});
</script>

2. Панель управления -> Сайт -> Редактор тем -> файл skin.css
найдите строчки

 background: transparent url(../images/next-vertical.png) no-repeat 0 0;
background: transparent url(../images/prev-vertical.png) no-repeat 0 0;

и вместо них вставьте соответственно

background: transparent url({ASSETS_IMAGES_PATH}next-vertical.png) no-repeat 0 0;
background: transparent url({ASSETS_IMAGES_PATH}prev-vertical.png) no-repeat 0 0;

3. В шаблоне HTML найдите блок

	 <!-- Nyvo слайдер который отображается на главной -->
{% IF index_page %}
<!-- Обёртка, указывающая стиль темы -->
<div class="theme-default" style="padding: 1em; display: none;">
<!-- Непосредственный код слайдера -->
<div id="slider">
<img src="http://cs538218.vk.me/u92359262/docs/8c6c4badf8d9/2.png?extra=n5Dt_ewuycMSxNm2E198GXc715jgCU9OUu_nEOpfdRrGrsSlEYn7fx8ucGhNue3PMAj0yKtKJJAtQpA7b9z4RyM-c9iSaIS0Yw" alt="" />
<img src="http://cs538218.vk.me/u92359262/docs/57389d5c983d/3.png?extra=BXv4PF1YvjdwD3ACIP1o2bTnOjgSHwuvbnEu8JTIXVtg16eLLDszu5L5TLklPzkq_J9tOkwg7dwNVppo2Y_QMISiPSdu0H9-Aw" alt="" />
<img src="http://cs538523.vk.me/u92359262/docs/8fd9797c946a/5.png?extra=Vlik2tbADKeLH5wu4EOx8JncvCi2qtGaJoaBTrjMO1XU3EpS22uqUIFbNKNeYqRT_qk2biNC92z0EHEnNGHBYWbrpx9yAhAwPA" alt="" />
<img src="http://cs537413.vk.me/u92359262/docs/97d62079b1ab/4.png?extra=Fz5PR_7RB1yWktnAw_-ssudYcZjISV8RiU18z0-KV6PXhAGPXtoSgBJT9wOKYWG1NI_cGvXfKHzHV84KcSvvZcccoHD89BcQmw" alt="" />
</div>
<!-- Запуск слайдера -->
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider().parent().show(); });
</script>
{% ENDIF %}
	 </div>

Теперь перед ним вставьте блок

<ul id="mycarousel1" class="jcarousel jcarousel-skin-tango">
<li><img src="{ASSETS_IMAGES_PATH}1.jpg" width="200" height="200" alt="" /></li>
<li><img src="{ASSETS_IMAGES_PATH}2.jpg" width="200" height="200" alt="" /></li>
<li><img src="{ASSETS_IMAGES_PATH}3.jpg" width="200" height="200" alt="" /></li>
<li><img src="{ASSETS_IMAGES_PATH}4.jpg" width="200" height="200" alt="" /></li>
<li><img src="{ASSETS_IMAGES_PATH}5.jpg" width="200" height="200" alt="" /></li>
<li><img src="{ASSETS_IMAGES_PATH}6.jpg" width="200" height="200" alt="" /></li>
</ul>

И после того блока вставьте блок

<div class=" jcarousel-skin-tango" style="float:right;margin-top:-795px;">
	 <div class="jcarousel-container jcarousel-container-vertical" style="position: relative; display: block;">
	 <div class="jcarousel-clip jcarousel-clip-vertical" style="overflow: hidden; position: relative;">
	 <ul id="mycarousel2" class="jcarousel jcarousel-skin-tango">
<li><img src="{ASSETS_IMAGES_PATH}7.jpg" width="200" height="200" alt="" /></li>
<li><img src="{ASSETS_IMAGES_PATH}8.jpg" width="200" height="200" alt="" /></li>
<li><img src="{ASSETS_IMAGES_PATH}9.jpg" width="200" height="200" alt="" /></li>
<li><img src="{ASSETS_IMAGES_PATH}10.jpg" width="200" height="200" alt="" /></li>
<li><img src="{ASSETS_IMAGES_PATH}11.jpg" width="200" height="200" alt="" /></li>
<li><img src="{ASSETS_IMAGES_PATH}12.jpg" width="200" height="200" alt="" /></li>
</ul>
</div>
<div class="jcarousel-prev jcarousel-prev-vertical jcarousel-prev-disabled jcarousel-prev-disabled-vertical" disabled="disabled" style="display: block;"></div>
<div class="jcarousel-next jcarousel-next-vertical" style="display: block;"></div>
</div>
</div>

Теперь в файле nyvo.css найдите блок

.theme-default {
width: 60%;
margin: auto;
}

и замените его на

.theme-default {
width: 60%;
margin: auto;
margin-top: -427px;
}

может я чего упустил, но как сделать так, чтобы отображались товары или хотябы если кликнуть на картинку - переходишь по ссылке?

Наверх

#11 M4RQ

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

Пользователи
62 сообщений

Отправлено 10 Октябрь 2013 - 17:54

Stasya (10 Октябрь 2013 - 16:03) писал:

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

<!-- Скрипты магазина -->
<script src="{ASSETS_JS_PATH}main.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>

и после него вставьте блок

<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.jcarousel.min.js"></script>
<link rel="stylesheet" type="text/css" href="{ASSETS_STYLES_PATH}skin.css" />
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('#mycarousel1, #mycarousel2 ').jcarousel({
vertical: true,
scroll: 2
});
});
</script>

2. Панель управления -> Сайт -> Редактор тем -> файл skin.css
найдите строчки

 background: transparent url(../images/next-vertical.png) no-repeat 0 0;
background: transparent url(../images/prev-vertical.png) no-repeat 0 0;

и вместо них вставьте соответственно

background: transparent url({ASSETS_IMAGES_PATH}next-vertical.png) no-repeat 0 0;
background: transparent url({ASSETS_IMAGES_PATH}prev-vertical.png) no-repeat 0 0;

3. В шаблоне HTML найдите блок

	 <!-- Nyvo слайдер который отображается на главной -->
{% IF index_page %}
<!-- Обёртка, указывающая стиль темы -->
<div class="theme-default" style="padding: 1em; display: none;">
<!-- Непосредственный код слайдера -->
<div id="slider">
<img src="http://cs538218.vk.me/u92359262/docs/8c6c4badf8d9/2.png?extra=n5Dt_ewuycMSxNm2E198GXc715jgCU9OUu_nEOpfdRrGrsSlEYn7fx8ucGhNue3PMAj0yKtKJJAtQpA7b9z4RyM-c9iSaIS0Yw" alt="" />
<img src="http://cs538218.vk.me/u92359262/docs/57389d5c983d/3.png?extra=BXv4PF1YvjdwD3ACIP1o2bTnOjgSHwuvbnEu8JTIXVtg16eLLDszu5L5TLklPzkq_J9tOkwg7dwNVppo2Y_QMISiPSdu0H9-Aw" alt="" />
<img src="http://cs538523.vk.me/u92359262/docs/8fd9797c946a/5.png?extra=Vlik2tbADKeLH5wu4EOx8JncvCi2qtGaJoaBTrjMO1XU3EpS22uqUIFbNKNeYqRT_qk2biNC92z0EHEnNGHBYWbrpx9yAhAwPA" alt="" />
<img src="http://cs537413.vk.me/u92359262/docs/97d62079b1ab/4.png?extra=Fz5PR_7RB1yWktnAw_-ssudYcZjISV8RiU18z0-KV6PXhAGPXtoSgBJT9wOKYWG1NI_cGvXfKHzHV84KcSvvZcccoHD89BcQmw" alt="" />
</div>
<!-- Запуск слайдера -->
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider().parent().show(); });
</script>
{% ENDIF %}
	 </div>

Теперь перед ним вставьте блок

<ul id="mycarousel1" class="jcarousel jcarousel-skin-tango">
<li><img [color=#282828][font=helvetica, arial, sans-serif]src="{ASSETS_IMAGES_PATH}1.jpg"[/font][/color] width="200" height="200" alt="" /></li>
<li><img [color=#282828][font=helvetica, arial, sans-serif]src="{ASSETS_IMAGES_PATH}2.jpg"[/font][/color] width="200" height="200" alt="" /></li>
<li><img [color=#282828][font=helvetica, arial, sans-serif]src="{ASSETS_IMAGES_PATH}3.jpg" [/font][/color]width="200" height="200" alt="" /></li>
<li><img [color=#282828][font=helvetica, arial, sans-serif]src="{ASSETS_IMAGES_PATH}4.jpg"[/font][/color] width="200" height="200" alt="" /></li>
<li><img [color=#282828][font=helvetica, arial, sans-serif]src="{ASSETS_IMAGES_PATH}5.jpg"[/font][/color] width="200" height="200" alt="" /></li>
<li><img [color=#282828][font=helvetica, arial, sans-serif]src="{ASSETS_IMAGES_PATH}6.jpg"[/font][/color] width="200" height="200" alt="" /></li>
</ul>

И после того блока вставьте блок

<div class=" jcarousel-skin-tango" style="float:right;margin-top:-795px;">
	 <div class="jcarousel-container jcarousel-container-vertical" style="position: relative; display: block;">
	 <div class="jcarousel-clip jcarousel-clip-vertical" style="overflow: hidden; position: relative;">
	 <ul id="mycarousel2" class="jcarousel jcarousel-skin-tango">
<li><img [color=#282828][font=helvetica, arial, sans-serif]src="{ASSETS_IMAGES_PATH}7.jpg"[/font][/color] width="200" height="200" alt="" /></li>
<li><img [color=#282828][font=helvetica, arial, sans-serif]src="{ASSETS_IMAGES_PATH}8.jpg"[/font][/color] width="200" height="200" alt="" /></li>
<li><img [color=#282828][font=helvetica, arial, sans-serif]src="{ASSETS_IMAGES_PATH}9.jpg"[/font][/color]width="200" height="200" alt="" /></li>
<li><img src=[color=#282828][font=helvetica, arial, sans-serif]src="{ASSETS_IMAGES_PATH}10.jpg"[/font][/color] width="200" height="200" alt="" /></li>
<li><img [color=#282828][font=helvetica, arial, sans-serif]src="{ASSETS_IMAGES_PATH}11.jpg"[/font][/color] width="200" height="200" alt="" /></li>
<li><img [color=#282828][font=helvetica, arial, sans-serif]src="{ASSETS_IMAGES_PATH}12.jpg"[/font][/color] width="200" height="200" alt="" /></li>
</ul>
</div>
<div class="jcarousel-prev jcarousel-prev-vertical jcarousel-prev-disabled jcarousel-prev-disabled-vertical" disabled="disabled" style="display: block;"></div>
<div class="jcarousel-next jcarousel-next-vertical" style="display: block;"></div>
</div>
</div>

Теперь в файле nyvo.css найдите блок

.theme-default {
width: 60%;
margin: auto;
}

и замените его на

.theme-default {
width: 60%;
margin: auto;
margin-top: -427px;
}

Шозанах?
извеняюсь, но что произошло?

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

Наверх

#12 Stasya

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

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

Отправлено 10 Октябрь 2013 - 18:20

Подправила код выше, так что прошу Вас перепроверить и сделать соответствующие изменения. Вы можете каждую картинку обернуть в ссылку на товар. Это должно выглядеть вот так

<li><a href="cссылка на товар"><img src="{ASSETS_IMAGES_PATH}1.jpg" width="200" height="200" alt="" /></a></li>

Так нужно сделать для каждой картинки.

Наверх

#13 M4RQ

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

Пользователи
62 сообщений

Отправлено 10 Октябрь 2013 - 18:20

ребят, правда очень помощь нужна

Наверх

#14 M4RQ

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

Пользователи
62 сообщений

Отправлено 10 Октябрь 2013 - 18:26

Stasya (10 Октябрь 2013 - 18:20) писал:

<li><a href="cссылка на товар"><img src="{ASSETS_IMAGES_PATH}1.jpg" width="200" height="200" alt="" /></a></li>

Так нужно сделать для каждой картинки.

сейчас попробую

Наверх

#15 M4RQ

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

Пользователи
62 сообщений

Отправлено 10 Октябрь 2013 - 18:37

Stasya (10 Октябрь 2013 - 18:20) писал:

<li><a href="cссылка на товар"><img src="{ASSETS_IMAGES_PATH}1.jpg" width="200" height="200" alt="" /></a></li>

Так нужно сделать для каждой картинки.

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

Наверх

#16 M4RQ

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

Пользователи
62 сообщений

Отправлено 10 Октябрь 2013 - 18:42

Ребят, нужно очень, очень срочно!

Наверх

#17 Stasya

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

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

Отправлено 10 Октябрь 2013 - 18:51

Видимо форум преобразовал код, который я Вам прислала.Поэтому в шаблоне HTML найдите строку

jQuery([/size]'#mycarousel1, #mycarousel2 '[size=4]).jcarousel({

и замените ее на

jQuery('#mycarousel1, #mycarousel2 ').jcarousel({

Так же Вы не загрузили картинки для этих каруселей в разделе Сайт-> Редактор шаблонов -> Добавить файлы. При этом Вам нужно их загрузить с таким же названием как я обозначила их в коде( 1.jpg, 2.jpg, 3.jpg и т.д.). То есть с названием 1, 2, 3, .... и в формате jpg.

Наверх

#18 M4RQ

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

Пользователи
62 сообщений

Отправлено 10 Октябрь 2013 - 18:56

Stasya (10 Октябрь 2013 - 18:51) писал:

Видимо форум преобразовал код, который я Вам прислала.Поэтому в шаблоне HTML найдите строку

jQuery([/size]'#mycarousel1, #mycarousel2 '[size=4]).jcarousel({

и замените ее на

jQuery('#mycarousel1, #mycarousel2 ').jcarousel({

всеравно не так

Наверх

#19 M4RQ

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

Пользователи
62 сообщений

Отправлено 10 Октябрь 2013 - 19:10

ребяяят

Наверх

#20 M4RQ

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

Пользователи
62 сообщений

Отправлено 10 Октябрь 2013 - 19:17

помогите, срочно надо!

Наверх

Вперед

Обратно в Изменение общей стилистики

Темы с аналогичным тегами вертикальные слайдеры, слайдеры, вертикальный слайдер, слайдер, помощь, АХТУНГ

Вопросы работы сервиса StoreLand → Дизайн → Шаблон Сказка → Главная → Убираем Цветной Баннер На Слайдере Автор Гость_Foxis_10_* , 17 февр. 2021 слайдер	0 Ответов 714 Просмотров	Foxis_10 17 февр. 2021
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Нептун → Главная → Изменение Главного Баннера На Слайдер Автор Гость_Firefly_* , 04 дек. 2019 Нептун, Слайдер, owl-slider	2 Ответов 1 484 Просмотров	Firefly 02 июня 2020
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Сканди → Изменение общей стилистики → Изменение Слайдера Автор Гость_TYURIKOFF_* , 21 марта 2019 слайдер	7 Ответов 1 943 Просмотров	Юлия_Scandidec 21 апр. 2020
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Лето → Изменение общей стилистики → Настройка Слайдера Автор Гость_tovmarket_* , 30 окт. 2018 слайдер	4 Ответов 1 997 Просмотров	tovmarket 01 нояб. 2018
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Рассвет → Как Изменить Расположение Объектов На Первом Экране Автор Гость_DMC_* , 19 окт. 2018 шапка, слайдер, логотип	1 Ответ 2 354 Просмотров	Vaccina 26 окт. 2018

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

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

Вертикальные Слайдеры

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

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

Темы с аналогичным тегами вертикальные слайдеры, слайдеры, вертикальный слайдер, слайдер, помощь, АХТУНГ

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

Войти

Google поиск