Этот пост посвящен теме WooCommerce, в которой разбираем полезные настройки плагина. Оптимизируем работу магазина. Сегодня рассмотрим решения по вопросу, как сделать атрибут товара произвольной ссылкой?
Я этот код уже видел ранее, однако, заказчикам подобный функционал не требовался и код лежал без дела. Но вот на днях ко мне обратилась одна дама, у которой магазин кормов для животных и которой, как оказалось, этот код весьма кстати.
Дело в том, что пока что ее сайт весьма сыроват, и много примеров дать не смогу, но вот кодом поделюсь на примера тестового сайта:
Функционал отработки кода подойдет тем пользователям, которые каким-то образом продвигают некие страницы и на которые хотят отправить пользователя. Или там сообщить о возможных бонусах, скидках, профитах…
Произвольную ссылку возможно поставить временно (отдельно для конкретного атрибута).
Если у вас вполне себе активный сайт, то и в этом случае можно делать атрибут товара произвольной ссылкой – все это никоим образом не навредит рабочему магазину.
Магазин на WooCommerce – как добавить атрибуту товара произвольную ссылку
По умолчанию – ссылка атрибута ведет на соответствующий архив (ленту и т.п.) по атрибутам.
Наша задача – сделать ссылку одного из… или несколько атрибутов с произвольной активной ссылкой (URLом).
В итоге получится по функционалу примерно так – произвольных ссылок атрибутов может быть несколько и они могут быть совершенно индивидуальны – попросту ведущие на разные страницы:
ссылка на архив атрибута будет выглядеть примерно так:
домен.ru/primer/primer-url/
где: primer Атрибут и: primer-url Термин (разновидность атрибута)…
Произвольная ссылка атрибута примерно таким макаром:
домен.ru/custom link/
– произвольная ссылка.
создание атрибута товара – настройки
Если перейти в настройки атрибута и поставить галочку в соответственном окне: проходим в Товары/Атрибуты – картинка ниже – то в этом случае ссылка атрибута будет по умолчанию вести на страницу архива.
Для примера можете создать некий атрибут – я создал, не долго фантазируя – Пример.
Ключевая фишка работы данного кода в том, что возможно атрибуту (имени товара атрибута: вес, рост, цвет, возраст и т.п.) задавать произвольную ссылку! Поле URL будет видно и при создании значения товара атрибута и при его редактировании!..
В это поле вписываем требуемую произвольную ссылку, которая будет вести на отдельную страницу (любую). Если оставить поле пустым – товар (имя товара) будет БЕЗ ССЫЛКИ !!
В текстовом редакторе настройки выглядеть таким образом, думаю, с этими опциями вы уже знакомы: …выбираете Атрибут и присваиваете имя товара (значение)…
в плане по теме полезно:
32 важных плагина для магазина на WooCommerce.
Добавляем краткое описание (Description) к товару…
Наиболее полная подборка, пояснения Условные теги woocommerce…
Woocommerce шорткоды и их применение…
Отключаем подгрузку стилей, скрипов для страниц, не относящихся к Wooсommerce.
сделаем ссылку товара атрибута произвольной
Внимание! если требуется произвольная ссылка на товар атрибута, то в этом случае непременно очистите чекбокс в опции Включить архивы:
По итогу настроек – не забываем зайти в админке в Настройки/Произвольные ссылки и перезаписать данные… Просто зайдите и нажмите кнопку Сохранить… …в некоторых случаях это важное мероприятие!..
А вот и код, который призван сделать ссылку на товар атрибута произвольной (либо без ссылки).
Добавляем код в файл, в который вы добавляете все примочки по магазу… либо личный плагин, либо же дочернюю тему
большинство пользователей достаточно невнимательно относятся к вопросу создания дочерней темы (и напрасно!!), а по истечению времени приходится здорово чтобы НЕ перенастраивать активный шаблон…… Ну или для тестирования – банально в functions-php.
атрибут товара произвольной ссылкой:
/**
* Register term fields // регистрируем поля терминов
*/
add_action( 'init', 'register_attributes_url_meta' );
function register_attributes_url_meta() {
$attributes = wc_get_attribute_taxonomies();
foreach ( $attributes as $tax ) {
$name = wc_attribute_taxonomy_name( $tax->attribute_name );
add_action( $name . '_add_form_fields', 'add_attribute_url_meta_field' );
add_action( $name . '_edit_form_fields', 'edit_attribute_url_meta_field', 10 );
add_action( 'edit_' . $name, 'save_attribute_url' );
add_action( 'create_' . $name, 'save_attribute_url' );
}
}
/**
* Add term fields form // форма добавления полей терминов
*/
function add_attribute_url_meta_field() {
wp_nonce_field( basename( __FILE__ ), 'attrbute_url_meta_nonce' );
?>
<div class="form-field">
<label for="attribute_url"><?php _e( 'URL', 'domain' ); ?></label>
<input type="url" name="attribute_url" id="attribute_url" value="" />
</div>
<?php
}
/**
* Edit term fields form // Форма для редактирования полей терминов
*/
function edit_attribute_url_meta_field( $term ) {
$url = get_term_meta( $term->term_id, 'attribute_url', true );
wp_nonce_field( basename( __FILE__ ), 'attrbute_url_meta_nonce' );
?>
<tr class="form-field">
<th scope="row" valign="top"><label for="attribute_url"><?php _e( 'URL', 'domain' ); ?></label></th>
<td>
<input type="url" name="attribute_url" id="attribute_url" value="<?php echo esc_url( $url ); ?>" />
</td>
</tr>
<?php
}
/**
* Save term fields // сохраняем поля терминов
*/
function save_attribute_url( $term_id ) {
if ( ! isset( $_POST['attribute_url'] ) || ! wp_verify_nonce( $_POST['attrbute_url_meta_nonce'], basename( __FILE__ ) ) ) {
return;
}
$old_url = get_term_meta( $term_id, 'attribute_url', true );
$new_url = esc_url( $_POST['attribute_url'] );
if ( ! empty( $old_url ) && $new_url === '' ) {
delete_term_meta( $term_id, 'attribute_url' );
} else if ( $old_url !== $new_url ) {
update_term_meta( $term_id, 'attribute_url', $new_url, $old_url );
}
}
/**
* Show term URL // Показываем URL-адрес термина
*/
add_filter( 'woocommerce_attribute', 'make_product_atts_linkable', 10, 3 );
function make_product_atts_linkable( $text, $attribute, $values ) {
$new_values = array();
foreach ( $values as $value ) {
if ( $attribute['is_taxonomy'] ) {
$term = get_term_by( 'name', $value, $attribute['name'] );
$url = get_term_meta( $term->term_id, 'attribute_url', true );
if ( ! empty( $url ) ) {
$val = '<a href="' . esc_url( $url ) . '" title="' . esc_attr( $value ) . '">' . $value . '</a>';
array_push( $new_values, $val );
} else {
array_push( $new_values, $value );
}
} else {
$matched = preg_match_all( "/\[([^\]]+)\]\(([^)]+)\)/", $value, $matches );
if ( $matched && count( $matches ) == 3 ) {
$val = '<a href="' . esc_url( $matches[2][0] ) . '" title="' . esc_attr( $matches[1][0] ) . '">' . sanitize_text_field( $matches[1][0] ) . '</a>';
array_push( $new_values, $val );
} else {
array_push( $new_values, $value );
}
}
}
$text = implode( ', ', $new_values );
return $text;
}
Код можно отыскать и на ГитХабе.
Если что не ясно, пишите в комментариях или …
Желаю удач в работах и прочем)
Создание… продвижение сайтов: студия ATs media запросто с WordPress
mihalica.ru !