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


Фотография
- - - - -

Yootheme шаблон и табы JBZoo (недвижимость)

yootheme tabs

Лучший Ответ JBUser , 23 December 2013 - 14:30

Вопрос с правильным отображением карты на ТАБЕ Full-а решился с помощью изменений кода, которые порекомендовал Денис (SmetDenis).
Вот окончательный вид этого кода:

<script type="text/javascript">
jQuery(function ($) {
    $('.uk-tab li:first-child, #tab-content > li:first-child').addClass('uk-active');
	$('.uk-tab > li').on('click', function(event, area){
            setTimeout(function(){
    		var map = $('.googlemaps > div:first');
		if (map.length) {
	            map.data('Googlemaps').refresh();
	        }
	    }, 100); // задержка, можно попробовать настроить самый оптимальный вариант
	});
    });	
</script>
Перейти к сообщению


  • Закрытая тема Тема закрыта
Сообщений в теме: 16

#11 JBUser

JBUser

Отправлено 22 December 2013 - 10:13

Почему бы не начать от простого к сложному.

Простое я уже прошел. Простые табы выводятся без проблем.

 

Вопрос с выводом данных через PHP

 

Я ведь действую по "образу и подобию", а глядя на вывод данных в Full Catalog и Full Flat вижу различную конструкцию (см. выше). Не с чего "списывать" (как в школе). Если бы был Full для недвижимости в UIKIT я бы смог что-то сделать, а в таком виде нужно понимать что ты пишешь и каково построение кода. Где какие теги должны быть и как они "закрываются".

 

Изучать программирование из за вывода типового стиля в табах не хочется (нет у меня такой способности и времени). А заказывать разработку по каждому элементу - не вижу смысла. Времени больше потратишь на постановку задачи. Заказывать же сайт на стороне - это совсем другая история.

Ладно, обойдусь без табов....

Спасибо всем за помощь.


Сообщение отредактировал JBUser: 22 December 2013 - 10:15

  • 0

#12 JBUser

JBUser

Отправлено 22 December 2013 - 16:38

Надеюсь это вам поможет

 

Да, ваше терпение и умение доходчиво объяснить заставило меня пройти все сначала.

 

Все, в основном, получилось. Карта выводится неправильно и здесь я не смог найти с чего "содрать" код, чтобы все было в UIKIT.

Карта как-то отползает в верх-влево. Ниже картинка и весь код Fulla. Может подскажите, что подправить.

uikit_map.png

 

Full для недвижимости в UIKIT с табами:

<?php defined('_JEXEC') or die('Restricted access'); ?>
<?php $map = JString::trim($this->renderPosition('map'));?>



<?php if ($this->checkPosition('address')) : ?>
	<h4 class="full-address"><?php echo $this->renderPosition('address'); ?></h4>
<?php endif; ?>

<div class="clearfix top-info">
    <?php if ($this->checkPosition('gallery')) : ?>
        <div class="full-gallery">
            <?php echo $this->renderPosition('gallery'); ?>
        </div>
    <?php endif; ?>
    
	<div class="features">
        <?php if ($this->checkPosition('properties')) : ?>
            <div class="price-flat clearfix">
                <?php echo $this->renderPosition('cena'); ?>
            </div>
            <ul class="uk-list uk-list-line">
               <?php echo $this->renderPosition('properties', array('style'=>'list')); ?>
            </ul>
    </div>
		<?php endif; ?>

</div>


<div id="uk-tabs">

    <ul class="uk-tab" data-uk-tab="{connect:'#tab-content'}">
		<li>
			<a href="#tab-overview">Описание</a>
		</li>
		
		<li>
			<a href="#tab-map">Карта</a>
		</li>
		
		<li>
			<a href="#tab-agent">Брокер</a>
		</li>
    </ul>
    
	<ul id="tab-content" class="uk-switcher uk-margin">
		<li>
			<div id="tab-overview"><?php echo $this->renderPosition('text'); /** установить свою позицию */ ?></div>
		</li>
     
		<li>
			<div id="tab-map"><?php echo $this->renderPosition('map'); /** установить свою позицию */ ?></div>
		</li>
		
		<li>
			<div id="tab-agent"><?php echo $this->renderPosition('agent'); /** установить свою позицию */ ?></div>
		</li>

	</ul>

</div>

    <script type="text/javascript">
        jQuery(function ($) {
	        $('.uk-tab li:first-child, #tab-content > li:first-child').addClass('uk-active');
	        $('[data-uk-switcher]').on('uk.switcher.show', function(event, area){
		        console.log("Switcher switched to ", area);
	        });
        });
    </script>

Сообщение отредактировал JBUser: 22 December 2013 - 16:39

  • 0

#13 SmetDenis

SmetDenis

Отправлено 22 December 2013 - 17:01

вместо строки

console.log("Switcher switched to ", area);

напишите

var map = $('.googlemaps > div:first');
if (map.length) {
    map.data('Googlemaps').refresh();
}

Об этом написано в последнем сообщении http://forum.jbzoo.com/topic/3673-

Вкладки везде реализованы одинаково, разница лишь в названии классов.
Тем более что можно скопировать их из продукта UIkit (нет абсолютно никакой разницы для недвижимости)

 

Изучать программирование из за вывода типового стиля в табах не хочется (нет у меня такой способности и времени).

Работать с HTML и CSS - это далеко не программирование, а всего лишь простой язык разметки.
Если вы занимаетесь разработкой сайтов, то советую вам все таки изучить основы то ;)
 

Откровенно говоря, не понимаю вашу нервозность  :)


  • 0
JBZoo v4.0 и новый чудный мир Open Source GPL
Отключайте проверку лицензий как можно скорее!



— Есть два типа людей: Кто еще не делает бекапы и кто уже делает бекапы.


#14 JBUser

JBUser

Отправлено 22 December 2013 - 17:21

вместо строки console.log("Switcher switched to ", area); напишите var map = $('.googlemaps > div:first'); if (map.length) { map.data('Googlemaps').refresh(); } Об этом написано в последнем сообщении http://forum.jbzoo.com/topic/3673-

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

 

Если вы занимаетесь разработкой сайтов, то советую вам все таки изучить основы то

Нет, делаю для себя.. Предприниматель я ..

Откровенно говоря, не понимаю вашу нервозность :)

Та ото ж... :)

Думал, что если все "родное" (Yootheme) быстро подхватится и не придется возиться с настройками...

Не правильно оценил ситуацию.

Извиняюсь, если что ;)


  • 0

#15 SmetDenis

SmetDenis

Отправлено 22 December 2013 - 19:35

Выгрузите сайт на какой-нибудь хостинг, чтобы можно было посмотреть на него, иначе сложно вам помочь.
Все сводится на гадание по кофейной гуще.
  • 0
JBZoo v4.0 и новый чудный мир Open Source GPL
Отключайте проверку лицензий как можно скорее!



— Есть два типа людей: Кто еще не делает бекапы и кто уже делает бекапы.


#16 JBUser

JBUser

Отправлено 23 December 2013 - 12:33

Выгрузите сайт на какой-нибудь хостинг,

Наконец-то осилил эту процедуру (выгрузки сайта).

Ссылку отправил в личку


  • 1

#17 JBUser

JBUser

Отправлено 23 December 2013 - 14:30   Лучший Ответ

Вопрос с правильным отображением карты на ТАБЕ Full-а решился с помощью изменений кода, которые порекомендовал Денис (SmetDenis).
Вот окончательный вид этого кода:
<script type="text/javascript">
jQuery(function ($) {
    $('.uk-tab li:first-child, #tab-content > li:first-child').addClass('uk-active');
	$('.uk-tab > li').on('click', function(event, area){
            setTimeout(function(){
    		var map = $('.googlemaps > div:first');
		if (map.length) {
	            map.data('Googlemaps').refresh();
	        }
	    }, 100); // задержка, можно попробовать настроить самый оптимальный вариант
	});
    });	
</script>

  • 0





Темы с аналогичным тегами yootheme, tabs

Click to return to top of page in style!