Тема WP Residence для сайта недвижимости: заметки по настройке

Премиум тема WP Residence подойдет для сайтов по недвижимости на WordPress и агентств по недвижимости. Здесь будут некоторые заметки, которые могут пригодиться при редактировании темы.

Стоит отметить несколько моментов в теме WP Residence:

Многие элементы скрываюся через CSS стили, т.е. display: none;;
Для перевода или изменения настроек темы в основном придется работать с файлами темы (которые можно переносить в дочернюю тему для редактирования) и файлами ядра, которое подключено через плагин wp-content/plugins/wpresidence-core.

Содержание

Скрыть город (область / регион, страну) из блока Адрес на страницах объявлений объектов недвижимости
Скрыть первые варианты в выпадающем списке Поиска (Категории, Тип и т.п.)
Перенос блоков Особенности, Адрес, Детали, Видео на странице объявлений объектов недвижимости
Скрытие блока Отзывов на странице объявлений
Скрытие пунктов категорий в фильтре объявлений
Отображение описания на странице категорий

Скрыть город (область / регион, страну) из блока Адрес на страницах объявлений объектов недвижимости

Скрытие полей в блоке Адреса темы wp residence — Блок с Адресом объекта недвижимости в объявлении темы WP Residence.

Если сайт работает только по одному конкретному городу, то информация о стране или регионе может быть ненужна в объявлениях. Чтобы убрать вывод Страны, Области / Региона или Города необходимо перенести файл libs/listing_functions.php в дочерню тему и редактировать. Нужно закомментировать некоторые строчки кода, которые отвечают за вывод того или иного поля. Пример Код №1:

</p>
<p>/* ‘City’ – поле Город, ‘State/County’ – область / регион, ‘Country’ – Страна*/</p>
<p>    $colmd=wpestat_get_content_comuns($columns);</p>
<p>    $return_string=”;</p>
<p>    if ($property_address != ”){<br />
        $return_string.='<div class=”listing_detail col-md-‘.$colmd.'”><strong>’.esc_html__(‘Address’,’wpresidence’).’:</strong> ‘ . $property_address . ‘</div>’;<br />
    }<br />
 /*   if ($property_city != ”){<br />
       $return_string.= ‘<div class=”listing_detail col-md-‘.$colmd.'”><strong>’.esc_html__(‘City’,’wpresidence’).’:</strong> ‘ .$property_city. ‘</div>’; */<br />
    }<br />
    if ($property_area != ”){<br />
        $return_string.= ‘<div class=”listing_detail col-md-‘.$colmd.'”><strong>’.esc_html__(‘Area’,’wpresidence’).’:</strong> ‘ .$property_area. ‘</div>’;<br />
    }<br />
 /*   if ($property_county != ”){<br />
        $return_string.= ‘<div class=”listing_detail col-md-‘.$colmd.'”><strong>’.esc_html__(‘State/County’,’wpresidence’).’:</strong> ‘ . $property_county . ‘</div>’;<br />
    }*/<br />
    if ($property_zip != ”){<br />
        $return_string.= ‘<div class=”listing_detail col-md-‘.$colmd.'”><strong>’.esc_html__(‘Zip’,’wpresidence’).’:</strong> ‘ . $property_zip . ‘</div>’;<br />
    }<br />
/*    if ($property_country != ”) {<br />
        $return_string.= ‘<div class=”listing_detail col-md-‘.$colmd.'”><strong>’.esc_html__(‘Country’,’wpresidence’).’:</strong> ‘ . $property_country . ‘</div>’;<br />
    } */</p>
<p>    $property_city      =   strip_tags (  get_the_term_list($post_id, ‘property_city’, ”, ‘, ‘, ”) );</p>
<p>

/* ‘City’ – поле Город, ‘State/County’ – область / регион, ‘Country’ – Страна*/

$colmd=wpestat_get_content_comuns($columns);

$return_string=”;

if ($property_address != ”){

$return_string.=‘<div class=”listing_detail col-md-‘.$colmd.‘”><strong>’.esc_html__(‘Address’,‘wpresidence’).‘:</strong> ‘ . $property_address . ‘</div>’;

}

/* if ($property_city != ”){

$return_string.= ‘<div class=”listing_detail col-md-‘.$colmd.'”><strong>’.esc_html__(‘City’,’wpresidence’).’:</strong> ‘ .$property_city. ‘</div>’; */

}

if ($property_area != ”){

$return_string.= ‘<div class=”listing_detail col-md-‘.$colmd.‘”><strong>’.esc_html__(‘Area’,‘wpresidence’).‘:</strong> ‘ .$property_area. ‘</div>’;

}

/* if ($property_county != ”){

$return_string.= ‘<div class=”listing_detail col-md-‘.$colmd.'”><strong>’.esc_html__(‘State/County’,’wpresidence’).’:</strong> ‘ . $property_county . ‘</div>’;

}*/

if ($property_zip != ”){

$return_string.= ‘<div class=”listing_detail col-md-‘.$colmd.‘”><strong>’.esc_html__(‘Zip’,‘wpresidence’).‘:</strong> ‘ . $property_zip . ‘</div>’;

}

/* if ($property_country != ”) {

$return_string.= ‘<div class=”listing_detail col-md-‘.$colmd.'”><strong>’.esc_html__(‘Country’,’wpresidence’).’:</strong> ‘ . $property_country . ‘</div>’;

} */

$property_city = strip_tags ( get_the_term_list($post_id, ‘property_city’, ”, ‘, ‘, ”) );

Код №1: Скрытие полей в блоке Адрес на странице объявлений недвижимости.

Скрыть первые варианты в выпадающем списке Поиска (Категории, Тип и т.п.)

Настройка поиска в теме wp residence — Расширенный поиск в теме WP Residence.

По-умолчанию в форме поиска есть возможность фильтровать по Категории и Типу объектов. Дело в том, что здесь эти значения «Категории» и «Тип» доступны для выбора из выпадающего списка. Их и другие элементы можно скрыть через стили CSS, используя Код №2.1. Нужно учитывать атрибуты необходимых нам элементов [data-value="all"].

</p>
<p>#search_wrapper .dropdown.form-control .filter_menu [data-value=”all”],<br />
#search_wrapper .dropdown.form-control #categlist.filter_menu [data-value=”all”],<br />
#search_wrapper .dropdown.form-control #adv-search-city.filter_menu [data-value=”all”],<br />
#search_wrapper .dropdown.form-control #adv-search-area.filter_menu [data-value=”all”],<br />
#search_wrapper .dropdown.form-control #actionslist.filter_menu [data-value=”all”],<br />
#search_wrapper .dropdown.form-control #adv-search-countystate.filter_menu [data-value=”all”],<br />
.listing_filter_select .dropdown-menu.filter_menu [data-value=”all”],<br />
.open>#adv-search-city.dropdown-menu [data-value=”all”],<br />
.open>#acateglist.dropdown-menu [data-value=”all”],<br />
.open>#adv-search-area.dropdown-menu [data-value=”all”],<br />
.open>#actionslist.dropdown-menu [data-value=”all”],<br />
.open>#adv-search-countystate.dropdown-menu [data-value=”all”]{<br />
display: none;<br />
}</p>
<p>

#search_wrapper .dropdown.form-control .filter_menu [data-value=”all”],

#search_wrapper .dropdown.form-control #categlist.filter_menu [data-value=”all”],

#search_wrapper .dropdown.form-control #adv-search-city.filter_menu [data-value=”all”],

#search_wrapper .dropdown.form-control #adv-search-area.filter_menu [data-value=”all”],

#search_wrapper .dropdown.form-control #actionslist.filter_menu [data-value=”all”],

#search_wrapper .dropdown.form-control #adv-search-countystate.filter_menu [data-value=”all”],

.listing_filter_select .dropdown-menu.filter_menu [data-value=”all”],

.open>#adv-search-city.dropdown-menu [data-value=”all”],

.open>#acateglist.dropdown-menu [data-value=”all”],

.open>#adv-search-area.dropdown-menu [data-value=”all”],

.open>#actionslist.dropdown-menu [data-value=”all”],

.open>#adv-search-countystate.dropdown-menu [data-value=”all”]{

display: none;

}

Код №2.1: первые варианты в выпадающем списке Поиска — Категории, Тип и т.д.

Также может понадобиться отключение срабатывания кнопки Поиск до тех пор, пока пользователь не выберет конкретные категорию и тип. Т.е. нужно деактивировать кнопки пока выбраны значения «Категории» или «Тип». Данную задачу можно решить через JS-скрипт Код №2.2.

</p>
<p><script><br />
// Отключение кнопки Поиски при выбранных Категории или Тип<br />
let buttonSearch = document.querySelector(‘input.wpresidence_button’);<br />
document.querySelector(‘#search_wrapper’).addEventListener(‘mouseover’, function () {<br />
let searchCat = document.querySelector(‘#adv_categ’);<br />
let searchActions = document.querySelector(‘#adv_actions’);<br />
if (searchCat.getAttribute(‘data-value’) == “all” || searchActions.getAttribute(‘data-value’) == “all”){<br />
buttonSearch.setAttribute(“disabled”, “”);<br />
} else {<br />
buttonSearch.removeAttribute(“disabled”);<br />
}<br />
});<br />
</script></p>
<p>

// Отключение кнопки Поиски при выбранных Категории или Тип

let buttonSearch = document.querySelector(‘input.wpresidence_button’);

document.querySelector(‘#search_wrapper’).addEventListener(‘mouseover’, function () {

let searchCat = document.querySelector(‘#adv_categ’);

let searchActions = document.querySelector(‘#adv_actions’);

if (searchCat.getAttribute(‘data-value’) == “all” || searchActions.getAttribute(‘data-value’) == “all”){

buttonSearch.setAttribute(“disabled”, “”);

} else {

buttonSearch.removeAttribute(“disabled”);

}

});

</script>

Код №2.2: Отключение срабатывания кнопки поиска до выбора категории и типа.

Перенос блоков Особенности, Адрес, Детали, Видео на странице объявлений объектов недвижимости

Перенос блоков Особенности в объявлении тема WP Resident — Блоки Особенности, Адрес, Детали, Видео на странице объявлений недвижимости в WP Residence

Чтобы поменять местами такие блоки как Особенности, Адрес, Детали, Видео, Карта или Расчет стоимости на странице объявления объекта недвижимости необходимо редактировать файл темы /templates/property_page_acc_content.php. Создаем папку «temlates» в дочерней теме и переносим туда файл шаблона, после чего редактируем код.

Например, нужно перенести блок «Особенности» с id=»accordion_prop_features» над блоком «Адрес» с id=»accordion_prop_addr». Ищем конструкцю, которая выводит блок с id=»accordion_prop_features» и переносим ее над конструкцией которая выводит блок с id=»accordion_prop_addr» как в Коде №3:

</p>
<p><!– Features and Ammenties –><br />
<?php<br />
if ( is_object_in_term($post->ID,’property_features’) ){ //  if are features and ammenties<br />
?><br />
<div class=”panel-group property-panel” id=”accordion_prop_features”><br />
    <div class=”panel panel-default”><br />
        <div class=”panel-heading”><br />
            <a data-toggle=”collapse” data-parent=”#accordion_prop_features” href=”#collapseThree”><br />
                <h4 class=”panel-title” id=”prop_ame”></p>
<p>				<!– Код –></p>
<p></div><br />
<?php<br />
$sticky_menu_array[‘accordion_prop_features’]=$property_features_text;<br />
} // end if are features and ammenties<br />
?><br />
<!– END Features and Ammenties –></p>
<p><!– Тут начинается код блока с Адресом –><br />
<div class=”panel-group property-panel” id=”accordion_prop_addr”><br />
    <div class=”panel panel-default”><br />
       <div class=”panel-heading”><br />
            <a data-toggle=”collapse” data-parent=”#accordion_prop_addr” href=”#collapseTwo”><br />
                <h4 class=”panel-title”><br />
                <?php /* Далее остальной код */ ?></p>
<p>

<!— Features and Ammenties —>

<?php

if ( is_object_in_term($post–>ID,‘property_features’) ){ // if are features and ammenties

<!— Код —>

</div>

<?php

$sticky_menu_array[‘accordion_prop_features’]=$property_features_text;

} // end if are features and ammenties

<!— END Features and Ammenties —>

<!— Тут начинается код блока с Адресом —>

<?php /* Далее остальной код */ ?>

Код №3: Как выглядит код переноса блоков в файле property_page_acc_content.php.

Скрытие блока Отзывов на странице объявлений

Скрыть блок отзывов можно двумя вариантами:

Cкрыть отзывы через css-стили #property_reviews_area {display: none;}
Закомментировать в файле /templates/property-reviews.php конструкцию вывода отзывов.

Скрытие пунктов категорий в фильтре объявлений

Задача. Необходимо скрыть некоторые категории в фильтре недвижимости в зависимости от типа предложения. Например, по Изображению №4 необходимо было скрыть категории «Вторичка» и «Новостройка» при выбранном типе «Аренда». В самой теме нет подобных настроек.

wpresident_4-1 — Изображение 4: Пункты списка категорий в фильтре объявлений недвижимости

Решение нашлось такое Код №4:

Создаем JS-код, который по атрибутам получает нужные опции категории (Вторичка — vtorichka, Новостройка — novostroka) и по id получает тип фильтра (a_filter_action, т.е. Аренда, Продажа). Добавляем уловие — если в типе фильтра a_filter_action стоит data-value=arenda, то элементам с атрибутами data-value="vtorichka" и data-value="novostroka" устанавливаем display: none; т.е. скрываем. А если условие не выполняется, то display присвоить пустое значение. Чтобы код выполнялся не только при загрузке, но и при изменениях, вешаем обработчик событий клика на элемент с выбором типа (filter_action_category).
Добавляем наш JavaScript-код в подвлал сайта через хук add_action('wp_footer', 'my_function'); в файле functions.php.

</p>
<p>/* Скрипт в футере для скрытия Вторички и Новостройки при выборе Аренда в фильтре */<br />
add_action(‘wp_footer’, ‘add_script_filterActionCategory’);<br />
function add_script_filterActionCategory() {<br />
    ?><br />
        <script><br />
            function filterArenda () {<br />
				let aFilterAction = document.querySelector(“#a_filter_action”);<br />
				let vtorichka = document.querySelector(‘[data-value=”vtorichka”]’);<br />
				let novostroka = document.querySelector(‘[data-value=”novostroka”]’);</p>
<p>				if (aFilterAction.getAttribute(“data-value”) == “arenda” || aFilterAction.getAttribute(“data-value”) == “%d0%b0%d1%80%d0%b5%d0%bd%d0%b4%d0%b0”) {<br />
					vtorichka.style.display = “none”;<br />
					novostroka.style.display = “none”;<br />
				} else {<br />
					vtorichka.style.display = “”;<br />
					novostroka.style.display = “”;<br />
				}<br />
			}<br />
			filterArenda ();<br />
			let filterActionCategory = document.querySelector(“.filter_action_category”);<br />
			filterActionCategory.addEventListener(“click”, filterArenda);<br />
        </script><br />
    <?php<br />
}</p>
<p>

/* Скрипт в футере для скрытия Вторички и Новостройки при выборе Аренда в фильтре */

add_action(‘wp_footer’, ‘add_script_filterActionCategory’);

function add_script_filterActionCategory() {

function filterArenda () {

let aFilterAction = document.querySelector(“#a_filter_action”);

let vtorichka = document.querySelector(‘[data-value=”vtorichka”]’);

let novostroka = document.querySelector(‘[data-value=”novostroka”]’);

if (aFilterAction.getAttribute(“data-value”) == “arenda” || aFilterAction.getAttribute(“data-value”) == “%d0%b0%d1%80%d0%b5%d0%bd%d0%b4%d0%b0”) {

vtorichka.style.display = “none”;

novostroka.style.display = “none”;

} else {

vtorichka.style.display = “”;

novostroka.style.display = “”;

}

filterArenda ();

let filterActionCategory = document.querySelector(“.filter_action_category”);

filterActionCategory.addEventListener(“click”, filterArenda);

</script>

<?php

}

Код №4: Скрытие пунктов категорий в фильтре объявлений недвижимости

Отображение описания на странице категорий

К катагориям в данном случае можно увидеть в разделах «Недвижимость», «Застройщики» и т.п. Можно на изображении 5 увидеть.

Смотреть изобраение о каких категориях речь.

wpresidence-category-1 — Изображение 5: Категории разных типов записей в WPresidence

Чтобы добавить описание в такие категории нужно править файл темы templates/normal_map_core.php (лучше скопировать в дочернюю и править его). Добавляем Код №5 после заголовка категории h1 в тегах php:

</p>
<p>the_archive_description( ‘<div class=”taxonomy-description”>’, ‘</div>’ ); </p>
<p>

the_archive_description( ‘<div class=”taxonomy-description”>’, ‘</div>’ );

Код №5: Вывод описания на страница категорий

Смотреть изобраение куда вставлять Код №5

Вывод описания в категориях WPresidence — Изображение 6: Куда вставлять Код №5

Стоить отметить, что описания, которые будут вводиться в категориях, не поддерживают по умолчанию HTML. Т.е. добавленное описание выведится как текст, а если в тексте будут теги, то они уберутся при сохранении. Поправить это можно включив поддержку HTML-тегов описании категорий [См. здесь].

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

Скрыть город (область / регион, страну) из блока Адрес на страницах объявлений объектов недвижимости

Скрыть первые варианты в выпадающем списке Поиска (Категории, Тип и т.п.)

Перенос блоков Особенности, Адрес, Детали, Видео на странице объявлений объектов недвижимости

Скрытие блока Отзывов на странице объявлений

Скрытие пунктов категорий в фильтре объявлений

Отображение описания на странице категорий

Понравилась статья?

Похожие публикации