Как Сделать Слайдер Кликабельным?
#21
Отправлено 07 Август 2015 - 02:17
#22
Отправлено 08 Август 2015 - 21:00
#24
Отправлено 20 Январь 2016 - 15:27
SAWO (20 Январь 2016 - 15:22) писал:
По непонятным причинам слайдер уменьшается более чем в два раза. Скан приложил. Каким образом можно поправить?
слайдер.jpg
Здравствуйте.
На данный момент слайдер на сайте вашего интернет-магазина отображается полностью корректно.
Скриншот с изображением его прикреплён ниже.
Попробуйте очистить кэш браузера и проверить его отображение снова.
#25
Отправлено 20 Январь 2016 - 17:41
RayLi (20 Январь 2016 - 15:27) писал:
На данный момент слайдер на сайте вашего интернет-магазина отображается полностью корректно.
Скриншот с изображением его прикреплён ниже.
Попробуйте очистить кэш браузера и проверить его отображение снова.
Отображается верно, т.к. я вернул предыдущие настройки.
Уменьшения картинки слайдера происходит когда я делаю возможность перехода со слайдера по ссылке.
Прописываю как в посте №15 меняя только ссылки на необходимые мне.
На данный момент ссылки по слайдеру не работают.
#26
Отправлено 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
Отправлено 21 Январь 2016 - 13:50
Юля123 (20 Январь 2016 - 17:48) писал:
<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>
"ссылка" меняйте на соответствующие ссылки, "Подсказка" меняйте на всплывающие текстовые подсказки, например, название страницы, на которую переходит по ссылке.
#30
Отправлено 10 Декабрь 2016 - 21:37
Сделала слайдеры ссылками. Но при нажатии на стрелочки по бокам от слайдера происходит переход по ссылке слайдера.
Как сделать так, чтобы при нажатии на эти стрелочки, слайдеры перелистывались?
#31
Отправлено 11 Декабрь 2016 - 10:22
Маргарита Пандар (10 Декабрь 2016 - 21:37) писал:
Сделала слайдеры ссылками. Но при нажатии на стрелочки по бокам от слайдера происходит переход по ссылке слайдера.
Как сделать так, чтобы при нажатии на эти стрелочки, слайдеры перелистывались?
Стрелки поправил,были ошибки в разметке.(отсутствовал закрывающий тег </a>)
#33
Отправлено 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
Отправлено 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>
Здравствуйте.
В данном случае сообщите нам, пожалуйста, номер аккаунта вашего интернет-магазина, чтобы мы смогли вам помочь.
Спасибо.
#38
Отправлено 03 Апрель 2017 - 16:44
Антон 5554 (29 Март 2017 - 23:36) писал:
СПАСИБО.
http://forum.storela...сь/#entry259397
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных