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


Как Сделать Слайдер Кликабельным?


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

#21 Vaccina

Vaccina

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

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

Отправлено 07 Август 2015 - 02:17

Правой кнопкой мыши нажмите на изображения и сохраните его => a21.png

#22 User

User

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

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

Отправлено 08 Август 2015 - 21:00

Спасибо!

#23 SAWO

SAWO

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

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

Отправлено 20 Январь 2016 - 15:22

Здравствуйте. Попробовал сделать ссылки со слайдера на страницу как в посте №15.
По непонятным причинам слайдер уменьшается более чем в два раза. Скан приложил. Каким образом можно поправить?
слайдер.jpg

#24 RayLi

RayLi

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

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

Отправлено 20 Январь 2016 - 15:27

Просмотр сообщенияSAWO (20 Январь 2016 - 15:22) писал:

Здравствуйте. Попробовал сделать ссылки со слайдера на страницу как в посте №15.
По непонятным причинам слайдер уменьшается более чем в два раза. Скан приложил. Каким образом можно поправить?
Прикрепленный файл слайдер.jpg

Здравствуйте.
На данный момент слайдер на сайте вашего интернет-магазина отображается полностью корректно.
Скриншот с изображением его прикреплён ниже.
Попробуйте очистить кэш браузера и проверить его отображение снова.

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

  • 20-01-2016 15-26-20.png


#25 SAWO

SAWO

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

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

Отправлено 20 Январь 2016 - 17:41

Просмотр сообщенияRayLi (20 Январь 2016 - 15:27) писал:

Здравствуйте.
На данный момент слайдер на сайте вашего интернет-магазина отображается полностью корректно.
Скриншот с изображением его прикреплён ниже.
Попробуйте очистить кэш браузера и проверить его отображение снова.
Спасибо за ответ.
Отображается верно, т.к. я вернул предыдущие настройки.
Уменьшения картинки слайдера происходит когда я делаю возможность перехода со слайдера по ссылке.
Прописываю как в посте №15 меняя только ссылки на необходимые мне.
На данный момент ссылки по слайдеру не работают.

#26 Юля123

Юля123

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

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

Отправлено 20 Январь 2016 - 17:48

Просмотр сообщенияSAWO (20 Январь 2016 - 17:41) писал:

Спасибо за ответ.
Отображается верно, т.к. я вернул предыдущие настройки.
Уменьшения картинки слайдера происходит когда я делаю возможность перехода со слайдера по ссылке.
Прописываю как в посте №15 меняя только ссылки на необходимые мне.
На данный момент ссылки по слайдеру не работают.


Здравствуйте, попробуйте сделать следующее. В шаблоне HTML найдите код:

<div u="slides" class="slides_container">
			<div>
			  <img u="image" src="{ASSETS_IMAGES_PATH}slide1.png?design=azure" />
			</div>
			<div>
			  <img u="image" src="{ASSETS_IMAGES_PATH}slide2.png?design=azure" />
			</div>
			<div>
			  <img u="image" src="{ASSETS_IMAGES_PATH}slide3.png?design=azure" />
			</div>
			<div>
			  <img u="image" src="{ASSETS_IMAGES_PATH}slide4.png?design=azure" />
			</div>
			 <div>
			  <img u="image" src="{ASSETS_IMAGES_PATH}slide5.png?design=azure" />
			</div>
		  </div>

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

<div u="slides" class="slides_container">
			<div>
			  <a href="ссылка" titile="Подсказка"><img u="image" src="{ASSETS_IMAGES_PATH}slide1.png?design=azure" /></a>
			</div>
			<div>
			   <a href="ссылка" titile="Подсказка"><img u="image" src="{ASSETS_IMAGES_PATH}slide2.png?design=azure" /></a>
			</div>
			<div>
			   <a href="ссылка" titile="Подсказка"><img u="image" src="{ASSETS_IMAGES_PATH}slide3.png?design=azure" /></a>
			</div>
			<div>
			   <a href="ссылка" titile="Подсказка"><img u="image" src="{ASSETS_IMAGES_PATH}slide4.png?design=azure" /></a>
			</div>
			 <div>
			  <a href="ссылка" titile="Подсказка"> <img u="image" src="{ASSETS_IMAGES_PATH}slide5.png?design=azure" /></a>
			</div>
		  </div>

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

#27 SAWO

SAWO

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

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

Отправлено 21 Январь 2016 - 13:50

Просмотр сообщенияЮля123 (20 Январь 2016 - 17:48) писал:

Здравствуйте, попробуйте сделать следующее. В шаблоне HTML найдите код:

<div u="slides" class="slides_container">
		 <div>
			 <img u="image" src="{ASSETS_IMAGES_PATH}slide1.png?design=azure" />
		 </div>
		 <div>
			 <img u="image" src="{ASSETS_IMAGES_PATH}slide2.png?design=azure" />
		 </div>
		 <div>
			 <img u="image" src="{ASSETS_IMAGES_PATH}slide3.png?design=azure" />
		 </div>
		 <div>
			 <img u="image" src="{ASSETS_IMAGES_PATH}slide4.png?design=azure" />
		 </div>
			 <div>
			 <img u="image" src="{ASSETS_IMAGES_PATH}slide5.png?design=azure" />
		 </div>
		 </div>

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

<div u="slides" class="slides_container">
		 <div>
<a href="ссылка" titile="Подсказка"><img u="image" src="{ASSETS_IMAGES_PATH}slide1.png?design=azure" /></a>
		 </div>
		 <div>
<a href="ссылка" titile="Подсказка"><img u="image" src="{ASSETS_IMAGES_PATH}slide2.png?design=azure" /></a>
		 </div>
		 <div>
<a href="ссылка" titile="Подсказка"><img u="image" src="{ASSETS_IMAGES_PATH}slide3.png?design=azure" /></a>
		 </div>
		 <div>
<a href="ссылка" titile="Подсказка"><img u="image" src="{ASSETS_IMAGES_PATH}slide4.png?design=azure" /></a>
		 </div>
			 <div>
<a href="ссылка" titile="Подсказка"> <img u="image" src="{ASSETS_IMAGES_PATH}slide5.png?design=azure" /></a>
		 </div>
		 </div>

"ссылка" меняйте на соответствующие ссылки, "Подсказка" меняйте на всплывающие текстовые подсказки, например, название страницы, на которую переходит по ссылке.
Здравствуйте. Сделал как указано. Ссылку разместил на первый слайдер. Результат тот-же. Оставил на сайте чтоб вы могли увидеть.

#28 Danil

Danil

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

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

Отправлено 21 Январь 2016 - 15:10

Просмотр сообщенияSAWO (21 Январь 2016 - 13:50) писал:

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

#29 SAWO

SAWO

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

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

Отправлено 21 Январь 2016 - 16:20

Просмотр сообщенияDanil (21 Январь 2016 - 15:10) писал:

Здравствуйте.
Изменения Вам произвели, сейчас слайдер отображается корректно, проверьте.
Отлично, спасибо большое, все работает.

#30 Маргарита Пандар

Маргарита Пандар

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

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

Отправлено 10 Декабрь 2016 - 21:37

Здравствуйте, Аккаунт SL-388992.
Сделала слайдеры ссылками. Но при нажатии на стрелочки по бокам от слайдера происходит переход по ссылке слайдера.
Как сделать так, чтобы при нажатии на эти стрелочки, слайдеры перелистывались?

#31 Mr.Nito

Mr.Nito

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

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

Отправлено 11 Декабрь 2016 - 10:22

Просмотр сообщенияМаргарита Пандар (10 Декабрь 2016 - 21:37) писал:

Здравствуйте, Аккаунт SL-388992.
Сделала слайдеры ссылками. Но при нажатии на стрелочки по бокам от слайдера происходит переход по ссылке слайдера.
Как сделать так, чтобы при нажатии на эти стрелочки, слайдеры перелистывались?
Здравствуйте.
Стрелки поправил,были ошибки в разметке.(отсутствовал закрывающий тег </a>)

#32 Маргарита Пандар

Маргарита Пандар

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

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

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

Просмотр сообщенияMr.Nito (11 Декабрь 2016 - 10:22) писал:

Здравствуйте.
Стрелки поправил,были ошибки в разметке.(отсутствовал закрывающий тег </a>)
Спасибо

#33 AlexPNZ

AlexPNZ

    Новичок

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

Отправлено 23 Январь 2017 - 11:21

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

<?php
$fortune_theme_options = fortune_theme_options();
if(!$fortune_theme_options['slider_home']){return;}
$slider_category_id = $fortune_theme_options['slider_category'] != ''? (int)$fortune_theme_options['slider_category'] : '';
$fortune_slider_arg = array(
'post_type'	  => 'post',
'posts_per_page' => 3,
'post_status'	=> 'publish',
'order'		  => 'desc',
'orderby'		=> 'date',
'ignore_sticky_posts' => 1,
'category__in' => array($slider_category_id),
);
$fortune_slider = new WP_Query($fortune_slider_arg) ?>
<div class="wrapper" >
	<div id="ei-slider" class="ei-slider"><?php
if($slider_category_id!=""){?>
<ul class="ei-slider-large">
		<?php if($fortune_slider->have_posts()):
  while($fortune_slider->have_posts()):
	$fortune_slider->the_post();
	$slider_image_id = get_post_thumbnail_id();
	$slider_image = wp_get_attachment_image_src( $slider_image_id, 'fortune_slider'); ?>
	<li>
	 <img class="img-responsive" src="<?php echo esc_url($slider_image[0]);?>" alt="<?php the_title(); ?>">
	<div class="ei-title">
					<h2><?php the_title(); ?></h2>
					<h3><?php remove_filter ('the_content',  'wpautop'); ?>
<?php the_content(__('Read more','fortune')); ?></h3>
				</div>
	</li><?php
   endwhile;
   endif;
   wp_reset_query(); ?>
		</ul>
		<ul class="ei-slider-thumbs">
		 <?php if($fortune_slider->have_posts()): ?>
		  <li class="ei-slider-element">Current</li><?php
  while($fortune_slider->have_posts()):
	$fortune_slider->the_post();
	$slider_image_id = get_post_thumbnail_id();
	$slider_image = wp_get_attachment_image_src( $slider_image_id, 'small'); ?>
			<li><a href="#"><?php the_title(); ?></a><img src="<?php echo esc_url($slider_image[0]);?>" alt="<?php the_title(); ?>" /></li>
			<?php
   endwhile;
   endif;
   wp_reset_postdata(); ?>
		</ul><?php
}else{
 
$imgs = array('girl-from-behind-1741699_1280.jpg', 'gift-444518_1280.jpg', 'calendula-1746254_1280.jpg');?>
<ul class="ei-slider-large">
  <?php foreach($imgs as $img){?>
  <li>
   <img class="img-responsive" src="<?php echo get_template_directory_uri().'/images/'.$img; ?>" alt="<?php the_title(); ?>">
   <div class="ei-title">
	<h2><?php _e('Text 1', 'fortune'); ?></h2>
	<h3><?php _e('Text 2',  'fortune'); ?></h3>
   </div>
  </li><?php
  } ?>
</ul>
<ul class="ei-slider-thumbs">
  <li class="ei-slider-element">Current</li>
  <?php foreach($imgs as $img){?>
  <li><a href="#"><?php the_title(); ?></a><img src="<?php echo get_template_directory_uri().'/images/'.$img; ?>" /></li>
  <?php
  }?>
</ul>
<style>.ei-title {right: 35%;}</style>
<?php
} ?>
	</div>
</div>
<script type="text/javascript">
jQuery(function($) {
  $('#ei-slider').eislideshow({
   speed: <?php echo intval($fortune_theme_options["slider_anim_speed"]); ?>,
   easing  : '<?php echo esc_attr($fortune_theme_options["slider_easing_effect"]); ?>',
   titleeasing : '<?php echo esc_attr($fortune_theme_options["slider_easing_effect"]); ?>',
   titlespeed : <?php echo intval($fortune_theme_options["slider_content_anim_speed"]); ?>,
   titlesFactor: 0,
   slideshow_interval : <?php echo intval($fortune_theme_options["slider_interval"]); ?>,
   autoplay:<?php echo intval($fortune_theme_options["slider_auto_play"]); ?>,
   height:600,
  });
});
</script>


#34 RayLi

RayLi

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

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

Отправлено 23 Январь 2017 - 11:42

Просмотр сообщенияAlexPNZ (23 Январь 2017 - 11:21) писал:

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

<?php
$fortune_theme_options = fortune_theme_options();
if(!$fortune_theme_options['slider_home']){return;}
$slider_category_id = $fortune_theme_options['slider_category'] != ''? (int)$fortune_theme_options['slider_category'] : '';
$fortune_slider_arg = array(
'post_type'	 => 'post',
'posts_per_page' => 3,
'post_status' => 'publish',
'order'		 => 'desc',
'orderby'	 => 'date',
'ignore_sticky_posts' => 1,
'category__in' => array($slider_category_id),
);
$fortune_slider = new WP_Query($fortune_slider_arg) ?>
<div class="wrapper" >
<div id="ei-slider" class="ei-slider"><?php
if($slider_category_id!=""){?>
<ul class="ei-slider-large">
	 <?php if($fortune_slider->have_posts()):
while($fortune_slider->have_posts()):
$fortune_slider->the_post();
$slider_image_id = get_post_thumbnail_id();
$slider_image = wp_get_attachment_image_src( $slider_image_id, 'fortune_slider'); ?>
<li>
	 <img class="img-responsive" src="<?php echo esc_url($slider_image[0]);?>" alt="<?php the_title(); ?>">
<div class="ei-title">
				 <h2><?php the_title(); ?></h2>
				 <h3><?php remove_filter ('the_content', 'wpautop'); ?>
<?php the_content(__('Read more','fortune')); ?></h3>
			 </div>
</li><?php
endwhile;
endif;
wp_reset_query(); ?>
	 </ul>
	 <ul class="ei-slider-thumbs">
		 <?php if($fortune_slider->have_posts()): ?>
		 <li class="ei-slider-element">Current</li><?php
while($fortune_slider->have_posts()):
$fortune_slider->the_post();
$slider_image_id = get_post_thumbnail_id();
$slider_image = wp_get_attachment_image_src( $slider_image_id, 'small'); ?>
		 <li><a href="#"><?php the_title(); ?></a><img src="<?php echo esc_url($slider_image[0]);?>" alt="<?php the_title(); ?>" /></li>
		 <?php
endwhile;
endif;
wp_reset_postdata(); ?>
	 </ul><?php
}else{

$imgs = array('girl-from-behind-1741699_1280.jpg', 'gift-444518_1280.jpg', 'calendula-1746254_1280.jpg');?>
<ul class="ei-slider-large">
<?php foreach($imgs as $img){?>
<li>
<img class="img-responsive" src="<?php echo get_template_directory_uri().'/images/'.$img; ?>" alt="<?php the_title(); ?>">
<div class="ei-title">
<h2><?php _e('Text 1', 'fortune'); ?></h2>
<h3><?php _e('Text 2', 'fortune'); ?></h3>
</div>
</li><?php
} ?>
</ul>
<ul class="ei-slider-thumbs">
<li class="ei-slider-element">Current</li>
<?php foreach($imgs as $img){?>
<li><a href="#"><?php the_title(); ?></a><img src="<?php echo get_template_directory_uri().'/images/'.$img; ?>" /></li>
<?php
}?>
</ul>
<style>.ei-title {right: 35%;}</style>
<?php
} ?>
</div>
</div>
<script type="text/javascript">
jQuery(function($) {
$('#ei-slider').eislideshow({
speed: <?php echo intval($fortune_theme_options["slider_anim_speed"]); ?>,
easing : '<?php echo esc_attr($fortune_theme_options["slider_easing_effect"]); ?>',
titleeasing : '<?php echo esc_attr($fortune_theme_options["slider_easing_effect"]); ?>',
titlespeed : <?php echo intval($fortune_theme_options["slider_content_anim_speed"]); ?>,
titlesFactor: 0,
slideshow_interval : <?php echo intval($fortune_theme_options["slider_interval"]); ?>,
autoplay:<?php echo intval($fortune_theme_options["slider_auto_play"]); ?>,
height:600,
});
});
</script>

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

#35 AlexPNZ

AlexPNZ

    Новичок

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

Отправлено 23 Январь 2017 - 13:26

Просмотр сообщенияRayLi (23 Январь 2017 - 11:42) писал:

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

#36 RayLi

RayLi

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

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

Отправлено 23 Январь 2017 - 13:47

Просмотр сообщенияAlexPNZ (23 Январь 2017 - 13:26) писал:

А если я не с ваше системы ?

Бесплатная техническая поддержка у нас оказывается исключительно для клиентов нашего сервиса и для их интернет-магазинов, созданных на нашей платформе Storeland .

#37 Антон 5554

Антон 5554

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

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

Отправлено 29 Март 2017 - 23:36

Просмотр сообщенияVaccina (05 Август 2015 - 04:14) писал:

<!-- Jssor Slider Слайдер Начало -->

		 <!-- Jssor Slider Слайдер Конец -->


Здравствуйте, подскажите как свайп отключить. ссылки сделал, кнопки увеличил.
СПАСИБО.

#38 Mr.Nito

Mr.Nito

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

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

Отправлено 03 Апрель 2017 - 16:44

Просмотр сообщенияАнтон 5554 (29 Март 2017 - 23:36) писал:

Здравствуйте, подскажите как свайп отключить. ссылки сделал, кнопки увеличил.
СПАСИБО.
По данному вопросу ответили в теме
http://forum.storela...сь/#entry259397




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

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