Пачка полезных сниппетов для WooCommerce. Часть 4

Добавляем стили для проверки оплаты в собственные темы

Добавьте следующий код CSS в вашу тему или же в дочернюю тему, если вы модифицируете существующую родительскую для того, чтобы стилизировать ошибки, возникающие при заполнении формы.

.form-row.woocomemerce-invalid .chzn-single,
.form-row.woocomemerce-invalid .chzn-drop,
.form-row.woocomemerce-invalid input.input-text,
.form-row.woocomemerce-invalid select {
border:1px solid red;
}
.form-row.woocommerce-validated .chzn-single,
.form-row.woocommerce-validated .chzn-drop,
.form-row.woocommerce-validated input.input-text,
.form-row.woocommerce-validated select {
border:1px solid green;
}

Делаем виджет цены перетаскиваемым на сенсорных устройствах

Ресурсы
Скачиваем this script и сохраняем его в папку js вашей темы.
Установка
Добавьте следующий код в файл functions.php вашей темы (убедитесь, что пути соответствуют директориям вашей темы) для подгрузки файлов:

add_action( 'wp_enqueue_scripts', 'load_touch_punch_js' , 35 );
function load_touch_punch_js() {
	global $version;

	wp_enqueue_script( 'jquery-ui-widget' );
	wp_enqueue_script( 'jquery-ui-mouse' );
	wp_enqueue_script( 'jquery-ui-slider' );
	wp_register_script( 'woo-jquery-touch-punch', get_stylesheet_directory_uri() . "/js/jquery.ui.touch-punch.min.js", array('jquery'), $version, true );
	wp_enqueue_script( 'woo-jquery-touch-punch' );
}

Выводим изображение рубрики в рубрике архива в WooCommerce

add_action( 'woocommerce_archive_description', 'woocommerce_category_image', 2 );
function woocommerce_category_image() {
if ( is_product_category() ){
global $wp_query;
$cat = $wp_query->get_queried_object();
$thumbnail_id = get_woocommerce_term_meta( $cat->term_id, 'thumbnail_id', true );
$image = wp_get_attachment_url( $thumbnail_id );
if ( $image ) {
echo '<img src="' . $image . '" alt="" />';
}
}
}

Разрешаем HTML в описаниях рубрик и тегов

По-умолчанию WordPress вырезает HTML из описаний рубрик. Избежать этого можно, добавив небольшой сниппет в файл functions.php вашей темы:

foreach ( array( 'pre_term_description' ) as $filter ) {
remove_filter( $filter, 'wp_filter_kses' );
}
foreach ( array( 'term_description' ) as $filter ) {
remove_filter( $filter, 'wp_kses_data' );
}

По всем вопросам и отзывам просьба писать в комментарии ниже.

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

VN:F [1.9.22_1171]
Rating: 5.0/5 (3 votes cast)

Об авторе ADv

Занимаюсь разработкой сайтов и магазинов на WordPress. Оказываю платные помощь и консультации. Skype: advokat_b
Scroll To Top