kartinki2010

Помогите растянуть размер карты на главном шаблоне Realia

Автор: , в Шаблоны

Recommended Posts

TopRaN    235

TopRaN
Опубликовано:

Если вы вносите изменения то вам не в этот раздел форума.

Поделиться сообщением

Ссылка на сообщение
Поделиться на других сайтах

Дмитрий Кондин    690

Дмитрий Кондин
Опубликовано:
10 часов назад, kartinki2010 сказал:

Помогите растянуть размер карты на ширину главной странице Realia.http://rkvektor.ru

  • в шаблоне layout_home.tpl
  • <div class="span9">
  • заменить на
    <div class="span12">
  • и удалить это
    <div class="sidebar span3"> 
    все что внутри
    </div>
  • но сделайте резервную копию файла шаблона на всякий, перед изменениями

Поделиться сообщением

Ссылка на сообщение
Поделиться на других сайтах

kartinki2010    1

kartinki2010
Опубликовано:

Вроде так и сделал не помогло. Вот гляньте :

{literal}
<script>
function InitImageSlider() {
    $('.iosSlider').iosSlider({
        desktopClickDrag: true,
        snapToChildren: true,
        infiniteSlider: true,
        navSlideSelector: '.slider .navigation li',
        onSlideComplete: function(args) {
            if(!args.slideChanged) return false;

            $(args.sliderObject).find('.slider-info').attr('style', '');

            $(args.currentSlideObject).find('.slider-info').animate({
                left: '15px',
                opacity: '.9'
            }, 'easeOutQuint');
        },
        onSliderLoaded: function(args) {
            $(args.sliderObject).find('.slider-info').attr('style', '');

            $(args.currentSlideObject).find('.slider-info').animate({
                left: '15px',
                opacity: '.9'
            }, 'easeOutQuint');
        },
        onSlideChange: function(args) {
            $('.slider .navigation li').removeClass('active');
            $('.slider .navigation li:eq(' + (args.currentSlideNumber - 1) + ')').addClass('active');
        },
        autoSlide: true,
        scrollbar: true,
        scrollbarContainer: '.sliderContainer .scrollbarContainer',
        scrollbarMargin: '0',
        scrollbarBorderRadius: '0',
        keyboardControls: true
    });
}
$(document).ready(function(){
    InitImageSlider();
});

</script>
{/literal}

{literal}
<style>
.carousel ul li .image {
    height: 180px;
    overflow-y: hidden;
}

</style>
<script>
$(document).ready(function(){
    if($('.carousel .content ul').length>0){
        $('.carousel .content ul').carouFredSel({
            scroll: {
                items: 1
            },
            auto: false,
            next: {
                button: '.carousel .content .carousel-next',
                key: 'right'
            },
            prev: {
                button: '.carousel .content .carousel-prev',
                key: 'left'
            }
        });
    }
});

</script>
{/literal}

{if $homepage_type=='carousel'}
    <div class="carousel-wrapper">
    <div class="carousel">

    <div class="content">
    <h2 class="page-header">{$L_TABS_SPECIAL}</h2>

    <a class="carousel-prev" href="#">Previous</a>
    <a class="carousel-next" href="#">Next</a>
    <ul>
    {section name=i loop=$special_items2}
                <li>
                    <div class="image">
                        <a href="{$special_items2.href}"></a>
                        {if $special_items2.img[0].preview != ''}
                        <img src="{$estate_folder}/img/data/{$special_items2.img[0].preview}">
                        {else}
                        <img src="{$estate_folder}/img/no_foto.png" class="previewi">
                        {/if}

                    </div><!-- /.image -->
                    <div class="title">
                        <h3>
                            {if isset($smarty.session.favorites)}
                                {if in_array($special_items2.id,$smarty.session.favorites)}
                                    <a class="fav-rem" alt="{$special_items2.id}" title="{$L_DELETEFROMFAVORITES}" href="#remove_from_favorites"></a>
                                {else}
                                    <a class="fav-add" alt="{$special_items2.id}" title="{$L_ADDTOFAVORITES}" href="#add_to_favorites"></a>
                                {/if}
                            {else}
                                <a class="fav-add" alt="{$special_items2.id}" title="{$L_ADDTOFAVORITES}" href="#add_to_favorites"></a>
                            {/if}
                        <a href="{$grid_items.href}">
                        {if    $special_items2.city ne ''} {$special_items2.city}{if
                        $special_items2.street ne ''}, {$special_items2.street}{if
                        $special_items2.number ne ''}, {$special_items2.number}{/if}{/if}
                        {else} {if $special_items2.street ne ''} {$special_items2.street}{if
                        $special_items2.number ne ''}, {$special_items2.number}{/if} {/if}
                        {/if}
                        </a></h3>
                    </div><!-- /.title -->
                    <div class="location">{$special_items2.type_sh}</div><!-- /.location-->
                     {if $special_items2.price_discount > 0}
                <div class="price">
                {$special_items2.price_discount|number_format:0:",":" "} {if $special_items2.currency_name != ''}{$special_items2.currency_name}{/if}
                <div class="price_discount_top">{$special_items2.price|number_format:0:",":" "} {if $special_items2.currency_name != ''}{$special_items2.currency_name}{/if}</div>
                </div>
                {else}
                <div class="price">{$special_items2.price|number_format:0:",":" "} {if $special_items2.currency_name != ''}{$special_items2.currency_name}{/if}</div>
                {/if}
                    <div class="area">
                        <span class="key">Площадь:</span>
                        <span class="value"><span class="value">{$special_items2.square_all}/{$special_items2.square_live}/{$special_items2.square_kitchen}</span></span>
                    </div><!-- /.area -->
                    <div class="bathrooms"><div class="inner">3</div></div><!-- /.bathrooms -->
                    <div class="bedrooms"><div class="inner">3</div></div><!-- /.bedrooms -->
                </li>
                {/section}
    </ul>
    </div>
    <!-- /.content -->
    </div>
    <!-- /.carousel -->
    </div><!-- /.carousel-wrapper -->
{/if}
<div class="container">
    <div id="main">
    {if $homepage_type=='slider'}
    <div class="row">
        <div class="span12">
        {if $special_items2|count>0}
            <div class="row">
            <div class="span12">
            
            <div class="slider-wrapper">
                <div class="slider">
                    <div class="slider-inner">

                            <div class="images">
                                <div class="iosSlider">
                                    <div class="slider-content">
                                    {section name=i loop=$special_items2}
                                        <div class="slide">
                                            {if $special_items2.img[0].preview != ''}
                                            <img src="{$estate_folder}/img/data/{$special_items2.img[0].normal}" width="870" />
                                            {else}
                                            <img src="{$estate_folder}/img/no_foto.png" />
                                            {/if}


                                            <div class="slider-info">

                                               {if $special_items2.price_discount > 0}
                                                    <div class="price">
                                                    <h2>
                                                    {$special_items2.price_discount|number_format:0:",":" "} {if $special_items2.currency_name != ''}{$special_items2.currency_name}{/if}
                                                    <div class="price_discount_slider">{$special_items2.price|number_format:0:",":" "} {if $special_items2.currency_name != ''}{$special_items2.currency_name}{/if}</div>
                                                    </h2>
                                                    <a href="{$special_items2.href}">{$L_MORE}</a>
                                                    </div><!-- /.price -->
                                                  {else}

                                                   <div class="price"><h2>{$special_items2.price|number_format:0:",":" "} {if $special_items2.currency_name != ''}{$special_items2.currency_name}{/if}</h2>
                                                     <a href="{$special_items2.href}">{$L_MORE}</a>
                                                   </div>
                                                {/if}
                                                <h2><a href="{$special_items2.href}">{$special_items2.type_sh} / {$special_items2.city}, {$special_items2.street}</a></h2>
                                                <div class="slider-param">{$L_SQUARE} м<sup>2</sup>:<span class="value">{$special_items2.square_all}/{$special_items2.square_live}/{$special_items2.square_kitchen}</span></div>
                                                <div class="slider-param">{$L_FLOOR}:<span class="value">{$special_items2.floor}/{$special_items2.floor_count}</span></div>
                                            </div><!-- /.slider-info -->
                                        </div><!-- /.slide -->
                                    {/section}
                                    </div><!-- /.slider-content -->
                                </div><!-- .iosSlider -->

                                <ul class="navigation">
                                    {section name=i loop=$special_items2}
                                        <li{if $smarty.section.i.iteration==1} class="active"{/if}><a>{$smarty.section.i.iteration}</a></li>
                                    {/section}
                                </ul>
                            </div>


                        </div>
                    </div>
                </div>
                
                </div>
                </div>
                {/if}
                <div class="row">
                    <div class="span12">
                        {include file='featured_properties.tpl'}
                    </div>

                </div>

            </div>
        
      
     
      
          
      
      
      
      
      
      
        
                <div class="row">
                    <div class="span12">
                    {include file='grid_and_pager.tpl'}
                    </div>

                </div>

            </div>
            
      
      
      
      

    {else}
        <div class="row">
            <div class="span12">
                {include file='featured_properties.tpl'}
            </div>
            

    {/if}


    {include file="news_list_column.tpl"}
    </div>
</div>

Поделиться сообщением

Ссылка на сообщение
Поделиться на других сайтах

Helenblondi    29

Helenblondi
Опубликовано:
В 27.01.2017 в 06:40, kartinki2010 сказал:

Вроде так и сделал не помогло. Вот гляньте :

{literal}
<script>
function InitImageSlider() {
    $('.iosSlider').iosSlider({
        desktopClickDrag: true,
        snapToChildren: true,
        infiniteSlider: true,
        navSlideSelector: '.slider .navigation li',
        onSlideComplete: function(args) {
            if(!args.slideChanged) return false;

            $(args.sliderObject).find('.slider-info').attr('style', '');

            $(args.currentSlideObject).find('.slider-info').animate({
                left: '15px',
                opacity: '.9'
            }, 'easeOutQuint');
        },
        onSliderLoaded: function(args) {
            $(args.sliderObject).find('.slider-info').attr('style', '');

            $(args.currentSlideObject).find('.slider-info').animate({
                left: '15px',
                opacity: '.9'
            }, 'easeOutQuint');
        },
        onSlideChange: function(args) {
            $('.slider .navigation li').removeClass('active');
            $('.slider .navigation li:eq(' + (args.currentSlideNumber - 1) + ')').addClass('active');
        },
        autoSlide: true,
        scrollbar: true,
        scrollbarContainer: '.sliderContainer .scrollbarContainer',
        scrollbarMargin: '0',
        scrollbarBorderRadius: '0',
        keyboardControls: true
    });
}
$(document).ready(function(){
    InitImageSlider();
});

</script>
{/literal}

{literal}
<style>
.carousel ul li .image {
    height: 180px;
    overflow-y: hidden;
}

</style>
<script>
$(document).ready(function(){
    if($('.carousel .content ul').length>0){
        $('.carousel .content ul').carouFredSel({
            scroll: {
                items: 1
            },
            auto: false,
            next: {
                button: '.carousel .content .carousel-next',
                key: 'right'
            },
            prev: {
                button: '.carousel .content .carousel-prev',
                key: 'left'
            }
        });
    }
});

</script>
{/literal}

{if $homepage_type=='carousel'}
    <div class="carousel-wrapper">
    <div class="carousel">

    <div class="content">
    <h2 class="page-header">{$L_TABS_SPECIAL}</h2>

    <a class="carousel-prev" href="#">Previous</a>
    <a class="carousel-next" href="#">Next</a>
    <ul>
    {section name=i loop=$special_items2}
                <li>
                    <div class="image">
                        <a href="{$special_items2.href}"></a>
                        {if $special_items2.img[0].preview != ''}
                        <img src="{$estate_folder}/img/data/{$special_items2.img[0].preview}">
                        {else}
                        <img src="{$estate_folder}/img/no_foto.png" class="previewi">
                        {/if}

                    </div><!-- /.image -->
                    <div class="title">
                        <h3>
                            {if isset($smarty.session.favorites)}
                                {if in_array($special_items2.id,$smarty.session.favorites)}
                                    <a class="fav-rem" alt="{$special_items2.id}" title="{$L_DELETEFROMFAVORITES}" href="#remove_from_favorites"></a>
                                {else}
                                    <a class="fav-add" alt="{$special_items2.id}" title="{$L_ADDTOFAVORITES}" href="#add_to_favorites"></a>
                                {/if}
                            {else}
                                <a class="fav-add" alt="{$special_items2.id}" title="{$L_ADDTOFAVORITES}" href="#add_to_favorites"></a>
                            {/if}
                        <a href="{$grid_items.href}">
                        {if    $special_items2.city ne ''} {$special_items2.city}{if
                        $special_items2.street ne ''}, {$special_items2.street}{if
                        $special_items2.number ne ''}, {$special_items2.number}{/if}{/if}
                        {else} {if $special_items2.street ne ''} {$special_items2.street}{if
                        $special_items2.number ne ''}, {$special_items2.number}{/if} {/if}
                        {/if}
                        </a></h3>
                    </div><!-- /.title -->
                    <div class="location">{$special_items2.type_sh}</div><!-- /.location-->
                     {if $special_items2.price_discount > 0}
                <div class="price">
                {$special_items2.price_discount|number_format:0:",":" "} {if $special_items2.currency_name != ''}{$special_items2.currency_name}{/if}
                <div class="price_discount_top">{$special_items2.price|number_format:0:",":" "} {if $special_items2.currency_name != ''}{$special_items2.currency_name}{/if}</div>
                </div>
                {else}
                <div class="price">{$special_items2.price|number_format:0:",":" "} {if $special_items2.currency_name != ''}{$special_items2.currency_name}{/if}</div>
                {/if}
                    <div class="area">
                        <span class="key">Площадь:</span>
                        <span class="value"><span class="value">{$special_items2.square_all}/{$special_items2.square_live}/{$special_items2.square_kitchen}</span></span>
                    </div><!-- /.area -->
                    <div class="bathrooms"><div class="inner">3</div></div><!-- /.bathrooms -->
                    <div class="bedrooms"><div class="inner">3</div></div><!-- /.bedrooms -->
                </li>
                {/section}
    </ul>
    </div>
    <!-- /.content -->
    </div>
    <!-- /.carousel -->
    </div><!-- /.carousel-wrapper -->
{/if}
<div class="container">
    <div id="main">
    {if $homepage_type=='slider'}
    <div class="row">
        <div class="span12">
        {if $special_items2|count>0}
            <div class="row">
            <div class="span12">
            
            <div class="slider-wrapper">
                <div class="slider">
                    <div class="slider-inner">

                            <div class="images">
                                <div class="iosSlider">
                                    <div class="slider-content">
                                    {section name=i loop=$special_items2}
                                        <div class="slide">
                                            {if $special_items2.img[0].preview != ''}
                                            <img src="{$estate_folder}/img/data/{$special_items2.img[0].normal}" width="870" />
                                            {else}
                                            <img src="{$estate_folder}/img/no_foto.png" />
                                            {/if}


                                            <div class="slider-info">

                                               {if $special_items2.price_discount > 0}
                                                    <div class="price">
                                                    <h2>
                                                    {$special_items2.price_discount|number_format:0:",":" "} {if $special_items2.currency_name != ''}{$special_items2.currency_name}{/if}
                                                    <div class="price_discount_slider">{$special_items2.price|number_format:0:",":" "} {if $special_items2.currency_name != ''}{$special_items2.currency_name}{/if}</div>
                                                    </h2>
                                                    <a href="{$special_items2.href}">{$L_MORE}</a>
                                                    </div><!-- /.price -->
                                                  {else}

                                                   <div class="price"><h2>{$special_items2.price|number_format:0:",":" "} {if $special_items2.currency_name != ''}{$special_items2.currency_name}{/if}</h2>
                                                     <a href="{$special_items2.href}">{$L_MORE}</a>
                                                   </div>
                                                {/if}
                                                <h2><a href="{$special_items2.href}">{$special_items2.type_sh} / {$special_items2.city}, {$special_items2.street}</a></h2>
                                                <div class="slider-param">{$L_SQUARE} м<sup>2</sup>:<span class="value">{$special_items2.square_all}/{$special_items2.square_live}/{$special_items2.square_kitchen}</span></div>
                                                <div class="slider-param">{$L_FLOOR}:<span class="value">{$special_items2.floor}/{$special_items2.floor_count}</span></div>
                                            </div><!-- /.slider-info -->
                                        </div><!-- /.slide -->
                                    {/section}
                                    </div><!-- /.slider-content -->
                                </div><!-- .iosSlider -->

                                <ul class="navigation">
                                    {section name=i loop=$special_items2}
                                        <li{if $smarty.section.i.iteration==1} class="active"{/if}><a>{$smarty.section.i.iteration}</a></li>
                                    {/section}
                                </ul>
                            </div>


                        </div>
                    </div>
                </div>
                
                </div>
                </div>
                {/if}
                <div class="row">
                    <div class="span12">
                        {include file='featured_properties.tpl'}
                    </div>

                </div>

            </div>
        
      
     
      
          
      
      
      
      
      
      
        
                <div class="row">
                    <div class="span12">
                    {include file='grid_and_pager.tpl'}
                    </div>

                </div>

            </div>
            
      
      
      
      

    {else}
        <div class="row">
            <div class="span12">
                {include file='featured_properties.tpl'}
            </div>
            

    {/if}


    {include file="news_list_column.tpl"}
    </div>
</div>

 

Поделиться сообщением

Ссылка на сообщение
Поделиться на других сайтах

Chernetskiy    469

Chernetskiy
Опубликовано:
17 часов назад, Helenblondi сказал:

и у меня тоже не вышло:(

И не выйдет, вы-же ковыряете не тот шаблон - варианта оформления не с картой а со слайдером.

Насколько я понимаю, для вышеуказанного на скрине варианта отображения, вывод карты сидит в realty_grid.tpl в районе 28 строки, параметром {if $geodata_show_grid_map==1}: 

<div class="row"> 
  <div class="span9">
    {if $grid_items|count==0}     
    <h1 class="page-header" align="center">Ничего не удалось найти</h1>
    <p  align="center">Измените условия поиска или вернитесь<a title="на главную" href="/"> на главную</a></p>
    {else}
    <h1 class="page-header" align="center">{$title}</h1>
    
    {assign var="lang_topic_name" value="name_{$smarty.session._lang}"}
    
    {if $geodata_show_grid_map==1}
    <div id="map" style="margin: 10px 0;"></div>
    {*$mapobjectslisting*}

Этот вывод сидит в див-классе "span9" (3/4 ширины экрана), потому и имеет такой размер. Можете сами проверить и изменить span9 на span12 (полная ширина), карта будет во всю ширину, только всё, что было справа - в span3 (1/4 ширины) слетит вниз сайта. Соответственно, можно блок со span12 по аналогии со span9 сделать выше и перекинуть в него карту вышеуказанным параметром. Ну и с заголовком определиться, может его тоже засунуть над картой.

Получится, что заголовок и карта во всю ширину вверху, всё остальное, объявления, поиск, спецпредложения и новости внизу, как и было. Как вариант, можно поиск перелопатить в одну строку или сделать выплывающим из-под карты вниз, но это уже другая история, читаем Бутстрап 2, создаем шаблон для него, вставляем туда нужные позиции для ввода, перекидываем туда-же код из имеющегося поиска для организации выборки и поиска, настраиваем стили, подключаем новый шаблон в конец span12 и вуа-ля. В случае удачи, вы мега-супер-пупер программист!

Поделиться сообщением

Ссылка на сообщение
Поделиться на других сайтах

Helenblondi    29

Helenblondi
Опубликовано:
2 часа назад, Chernetskiy сказал:

И не выйдет, вы-же ковыряете не тот шаблон - варианта оформления не с картой а со слайдером.

Насколько я понимаю, для вышеуказанного на скрине варианта отображения, вывод карты сидит в realty_grid.tpl в районе 28 строки, параметром {if $geodata_show_grid_map==1}: 


<div class="row"> 
  <div class="span9">
    {if $grid_items|count==0}     
    <h1 class="page-header" align="center">Ничего не удалось найти</h1>
    <p  align="center">Измените условия поиска или вернитесь<a title="на главную" href="/"> на главную</a></p>
    {else}
    <h1 class="page-header" align="center">{$title}</h1>
    
    {assign var="lang_topic_name" value="name_{$smarty.session._lang}"}
    
    {if $geodata_show_grid_map==1}
    <div id="map" style="margin: 10px 0;"></div>
    {*$mapobjectslisting*}

Этот вывод сидит в див-классе "span9" (3/4 ширины экрана), потому и имеет такой размер. Можете сами проверить и изменить span9 на span12 (полная ширина), карта будет во всю ширину, только всё, что было справа - в span3 (1/4 ширины) слетит вниз сайта. Соответственно, можно блок со span12 по аналогии со span9 сделать выше и перекинуть в него карту вышеуказанным параметром. Ну и с заголовком определиться, может его тоже засунуть над картой.

Получится, что заголовок и карта во всю ширину вверху, всё остальное, объявления, поиск, спецпредложения и новости внизу, как и было. Как вариант, можно поиск перелопатить в одну строку или сделать выплывающим из-под карты вниз, но это уже другая история, читаем Бутстрап 2, создаем шаблон для него, вставляем туда нужные позиции для ввода, перекидываем туда-же код из имеющегося поиска для организации выборки и поиска, настраиваем стили, подключаем новый шаблон в конец span12 и вуа-ля. В случае удачи, вы мега-супер-пупер программист!

ага:D все так просто)))) а есть где посмотреть все что вы написали? как выглядит. а то я честно говоря не могу представить. 

Поделиться сообщением

Ссылка на сообщение
Поделиться на других сайтах

Chernetskiy    469

Chernetskiy
Опубликовано:

Лена, да сама попробуй, я-же всё уже написал... в realty_gridd.tpl недалеко от начала найди <div class="span9"> и замени на <div class="span12">, сама всё увидишь.

Поделиться сообщением

Ссылка на сообщение
Поделиться на других сайтах

Chernetskiy    469

Chernetskiy
Опубликовано:

Если на скорую руку, то заходим в realty_gridd.tpl, находим <div class="span9"> и перед ним пишем  

<div class="row"> 
  <div class="span12">
  
  </div>
</div>

в промежуток переносим кусок кода из  <div class="span9">, что ниже, а именно - заголовок и форматирование карты, у меня это: 

{if $grid_items|count==0}     
    <h1 class="page-header" align="center">Ничего не удалось найти</h1>
    <p  align="center">Измените условия поиска или вернитесь<a title="на главную" href="/"> на главную</a></p>
    {else}
    <h1 class="page-header" align="center">{$title}</h1>
    
    {assign var="lang_topic_name" value="name_{$smarty.session._lang}"}
    
    {if $geodata_show_grid_map==1}
    <div id="map" style="margin: 10px 0;"></div>
    {*$mapobjectslisting*}
    {/if}

в итоге должно получиться так: 

<script src="{$estate_folder}/apps/system/js/json2.js" type="text/javascript"></script>
{if $geodata_show_grid_map==1}
<script src="{$estate_folder}/apps/system/js/realtymap.js" type="text/javascript"></script>
<script>
  var loc_objects={$geoobjects_collection_clustered};
  var map_type='{$map_type}'; 
                   
  {literal}
 $(document).ready(function(){
      var RM=new RealtyMap();
      RM.initJSON('map', loc_objects, map_type, {scrollZoom: false, minimap: false, yandexMapType: 'yandex#map', fullscreenControl: true});
  }); 
  {/literal}

</script>
{/if}
<div class="row"> 
  <div class="span12">
    {if $grid_items|count==0}     
    <h1 class="page-header" align="center">Ничего не удалось найти</h1>
    <p  align="center">Измените условия поиска или вернитесь<a title="на главную" href="/"> на главную</a></p>
    {else}
    <h1 class="page-header" align="center">{$title}</h1>
    
    {assign var="lang_topic_name" value="name_{$smarty.session._lang}"}
    
    {if $geodata_show_grid_map==1}
    <div id="map" style="margin: 10px 0;"></div>
    {*$mapobjectslisting*}
    {/if}
  </div>    
</div>
<div class="row"> 
  <div class="span9">
    {if $smarty.session.grid_type eq 'thumbs'}
    {include file='realty_grid_thumbs.tpl'}
    {else}
    {include file='realty_grid_list.tpl'}
    {/if}
    {foreach from=$pager_array.pages item=pager_page}
    {if $pager_page.current==1}
    {assign var=__curpagenr value=$pager_page.text}
    {/if}
    {/foreach}
    .......

а на сайте получаем такой результат

 

map.jpg

Helenblondi reacted to this

Поделиться сообщением

Ссылка на сообщение
Поделиться на других сайтах

kartinki2010    1

kartinki2010
Опубликовано:

Спасибо все получилось. А подскажите как вместо поиска вставить изображение?В каком файле нужно корректировать?

Поделиться сообщением

Ссылка на сообщение
Поделиться на других сайтах

Helenblondi    29

Helenblondi
Опубликовано:
23 часа назад, Chernetskiy сказал:

Если на скорую руку, то заходим в realty_gridd.tpl, находим <div class="span9"> и перед ним пишем  


<div class="row"> 
  <div class="span12">
  
  </div>
</div>

в промежуток переносим кусок кода из  <div class="span9">, что ниже, а именно - заголовок и форматирование карты, у меня это: 


{if $grid_items|count==0}     
    <h1 class="page-header" align="center">Ничего не удалось найти</h1>
    <p  align="center">Измените условия поиска или вернитесь<a title="на главную" href="/"> на главную</a></p>
    {else}
    <h1 class="page-header" align="center">{$title}</h1>
    
    {assign var="lang_topic_name" value="name_{$smarty.session._lang}"}
    
    {if $geodata_show_grid_map==1}
    <div id="map" style="margin: 10px 0;"></div>
    {*$mapobjectslisting*}
    {/if}

в итоге должно получиться так: 


<script src="{$estate_folder}/apps/system/js/json2.js" type="text/javascript"></script>
{if $geodata_show_grid_map==1}
<script src="{$estate_folder}/apps/system/js/realtymap.js" type="text/javascript"></script>
<script>
  var loc_objects={$geoobjects_collection_clustered};
  var map_type='{$map_type}'; 
                   
  {literal}
 $(document).ready(function(){
      var RM=new RealtyMap();
      RM.initJSON('map', loc_objects, map_type, {scrollZoom: false, minimap: false, yandexMapType: 'yandex#map', fullscreenControl: true});
  }); 
  {/literal}

</script>
{/if}
<div class="row"> 
  <div class="span12">
    {if $grid_items|count==0}     
    <h1 class="page-header" align="center">Ничего не удалось найти</h1>
    <p  align="center">Измените условия поиска или вернитесь<a title="на главную" href="/"> на главную</a></p>
    {else}
    <h1 class="page-header" align="center">{$title}</h1>
    
    {assign var="lang_topic_name" value="name_{$smarty.session._lang}"}
    
    {if $geodata_show_grid_map==1}
    <div id="map" style="margin: 10px 0;"></div>
    {*$mapobjectslisting*}
    {/if}
  </div>    
</div>
<div class="row"> 
  <div class="span9">
    {if $smarty.session.grid_type eq 'thumbs'}
    {include file='realty_grid_thumbs.tpl'}
    {else}
    {include file='realty_grid_list.tpl'}
    {/if}
    {foreach from=$pager_array.pages item=pager_page}
    {if $pager_page.current==1}
    {assign var=__curpagenr value=$pager_page.text}
    {/if}
    {/foreach}
    .......

а на сайте получаем такой результат

 

map.jpg

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

Поделиться сообщением

Ссылка на сообщение
Поделиться на других сайтах

kartinki2010    1

kartinki2010
Опубликовано:

Спасибо все получилось. А подскажите как вместо поиска вставить изображение?В каком файле нужно корректировать?И почему то на карте нет отметок.Как их поставить?

Поделиться сообщением

Ссылка на сообщение
Поделиться на других сайтах

abushyk    694

abushyk
Опубликовано:
2 минуты назад, kartinki2010 сказал:

Спасибо все получилось. А подскажите как вместо поиска вставить изображение?В каком файле нужно корректировать?И почему то на карте нет отметок.Как их поставить?

http://rkvektor.ru/template/frontend/agency/img/marker.png Failed to load resource: the server responded with a status of 404 (Not Found)

Вы снесли папку с шаблоном агенси или там старый шаблон. А эта папка - источник некоторой графики для других шаблонов. Cам маркер можете взять отсюда http://realia.sitebill.ru/template/frontend/agency/img/marker.png

Поделиться сообщением

Ссылка на сообщение
Поделиться на других сайтах

abushyk    694

abushyk
Опубликовано:

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

Поделиться сообщением

Ссылка на сообщение
Поделиться на других сайтах

Chernetskiy    469

Chernetskiy
Опубликовано:
4 часа назад, kartinki2010 сказал:

Да Что бы отображение на карте наченалось с определенного города.

В настройках-GeoData есть позиция "Широта и долгота центра карты..." введите туда свои координаты (офиса или центра города), карта будет открываться на этой местности, если нет других координат объектов. Вроде еще в шаблонах tpl встречаются координаты карты, там тоже можно поменять (layout_map.tpl, map_full_screen.tpl), но это видимо касается только карты Гугла.

Поделиться сообщением

Ссылка на сообщение
Поделиться на других сайтах

kartinki2010    1

kartinki2010
Опубликовано:

Спасибо с этим разобрался благодаря вашей помощи!!! А как сделать так, чтобы на карте отображались маркеры всех объектов добавленных на сайт? Потому что сейчас он отображает лишь только те объекты которые выводятся на станице новостей. Я в настройках поставил отображать на главной странице 6 объявлений. И вот только их маркеры он и отображает. А когда переходишь на следующую страницу он отображает другие маркеры отображенные на следующей странице.

Поделиться сообщением

Ссылка на сообщение
Поделиться на других сайтах

kartinki2010    1

kartinki2010
Опубликовано:

Вот ссылка для образца: http://rkvektor.ru На первой странице он отображает на карте все 6 обьевленй, а при переключении на 2 страницу только одно. Как сделать чтобы на карте отображались сразу все обьекты независимо от страницы?

Поделиться сообщением

Ссылка на сообщение
Поделиться на других сайтах

Chernetskiy    469

Chernetskiy
Опубликовано:
25 минут назад, kartinki2010 сказал:

Вот ссылка для образца: http://rkvektor.ru На первой странице он отображает на карте все 6 обьевленй, а при переключении на 2 страницу только одно. Как сделать чтобы на карте отображались сразу все обьекты независимо от страницы?

Тема уже неоднократно обсуждалась. Карта в Realia показывает только те объекты, которые есть на данной странице, чтобы не грузить ресурсы хостинга лишними обработками и выборками. Скорость загрузки страниц сайта соответственно увеличится, что будет не в плюс рейтингу сайта, да и хостинг вам понадобится пошустрее и подороже. Если нужны все объекты, это во фриланс. Частично вопрос решается указанием в настройках количества выводимых объектов на страницу, вместо 10 установите 20-25, соответственно они и будут показываться на карте. В любом случае есть поиск а карта - не основной источник выборки объектов по нужному критерию.

Поделиться сообщением

Ссылка на сообщение
Поделиться на других сайтах

kartinki2010    1

kartinki2010
Опубликовано:

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

Поделиться сообщением

Ссылка на сообщение
Поделиться на других сайтах

Chernetskiy    469

Chernetskiy
Опубликовано:
7 минут назад, kartinki2010 сказал:

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

Я у себя с этим заморачиваться не стал... Во Фрилансе никого знать не обязательно, просто пишите задание, кто-нибудь отзовется. Вроде TopRan занимался этим.

Поделиться сообщением

Ссылка на сообщение
Поделиться на других сайтах

Создайте аккаунт или войдите для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас
Перейти к списку тем