Тема eStore, нужно сделать увеличение миниатюр

Вот демо темы http://elegantthemes.com/preview/eStore/

Нужно чтобы когда жмешь на миниатюру миниатюра увеличивалась на весь экран как в этой теме http://www.elegantthemes.com/preview/ElegantEstate/

Я не силен в коде, поэтому прошу помочь мне.

maxon4ig
Оцените автора
Добавить комментарий

  1. tiaurus

    Посмотрите плагин FancyBox for WordPress: http://wordpress.org/extend/plugins/fancybox-for-wordpress/

    Ответить
  2. maxon

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

    Ответить
    1. tiaurus

      FancyBox for WordPress автоматически открывает изображение в своем окне, если кликнуть по его миниатюре.

      Ответить
  3. maxon

    Да я понимаю, вот именно его миниатюры, мне надо чтобы увеличивалась миниатюра темы.
    Я уже мног опохожих плагинов перепробывал, они работают только с родными вп миниатюрами. Там похоже надо файле самой теме прописывать чтобы прикрутить плагин… а я в коде плохо разбираюсь.

    У темы миниатюра кликабельна и ведет на полный пост, вот хотелось бы перенаправление заменить на увеличение картинки, а в полном посте миниатюры не кликабельны… посмотрите демо

    Ответить
  4. Андрей

    Посмотри этот сайт: newgadzhet.ru , если тебе так понравится увеличение — поделюсь рецептом.

    Ответить
    1. maxon

      Да вот так и хочу) Темка eStore?) прям неузнать))

      Ответить
    2. tiaurus

      Миниатюры в на этом сайте формируются скриптом timthumb.php (по-русски: http://begenote.ru/php/9/ ), а модальное отображение — с помощью одного из lightbox-плагинов (http://wordpress.org/extend/plugins/search.php?q=lightbox&sort= ).

      Ответить
    3. maxon

      Ну дак поделишься рецептом?)

      Ответить
      1. bologan-av

        Cмотри код

        <div id="product-slider"><!-- #<div class="bigglass"></div> --> 
        		<div id="product-slides">
        		<?php for ($i =0; $i <= count($custom["thumbs"]) -1;$i++) { ?>	
        				<div class="item-slide">
                                        <a  rel="lightbox[roadtrip] nofollow">"/>	
                                        <img src="<?php bloginfo('template_directory') ?>/timthumb.php?src=<?php echo($custom["thumbs"][$i]); ?>&w=298&h=226&zc=1" alt="" />                              
        					<span class="overlay"></span>
        				</div> <!-- .item-slide -->
        			<?php }; ?>
        		</div> <!-- #product-slides -->
        		
        		<?php if (count($custom["thumbs"]) > 1) { ?>
        		<div id="product-thumbs">
        		<?php for ($i = 0; $i <= count($custom["thumbs"])-1; $i++) { ?>
        					<a  rel="lightbox[1] nofollow">"/>	
        					<img src="<?php bloginfo('template_directory') ?>/timthumb.php?src=<?php echo($custom["thumbs"][$i]); ?>&w=68&h=68&zc=1" alt="" />	
        						<span class="overlay"></span>
        					</a>
        				<?php }; ?>
        			</div> <!-- #product-thumbs -->

        Обрати внимание на — a rel=»lightbox[1]», работает с плагином Lightbox 2. Пожалуйста.

        Ответить
        1. bologan-av

          Забыл сказать править нужно файл /eStore/includes/single-product.php

          Ответить
        2. maxon4ig автор

          ругается на эту строчку

          <img src="/timthumb.php?src=&w=298&h=226&zc=1" alt="" />

          ошибка синтаксиса /

          Ответить
  5. maxon

    В директории шаблона есть файл timthumb.php в нем править надо? или в файлах таких как single.php и page.php ?

    Проблем а в том что я не знаю как писать… Скрипт с сайта что вы мне дали, надо прописывать я так понел?

    Ответить
  6. onytony

    1

    Ответить
  7. awatch

    у меня, в принципе, получилось, но почему-то открывает через плагин только одну миниатюру, ткните носом, пожалуйста, куда смотреть).

    Ответить