Добавление краткого описания в каталоге товаров WooCommerce

(17 оценок, среднее: 4,53 из 5)
Загрузка...

 

Способ 1.

 

Создаем функцию , привязанную к событию woocommerce_after_shop_loop_item_title:

add_action( 'woocommerce_after_shop_loop_item_title', 'add_short_description', 9 );
function add_short_description() {
	  echo  the_excerpt().'<br />';
}

 

Если нужно, чтобы краткое описание обрезалось, то код будет выглядеть так:


add_action( 'woocommerce_after_shop_loop_item_title', 'add_short_description', 9 );
function add_short_description() {
    global $post;
    $text = $post->post_excerpt;
    $maxchar = 100; //максимальное кол-во символов
    
    $text = preg_replace ('~\[[^\]]+\]~', '', $text ); //убираем шорткоды
    
    //удаляем все html символы
    $text = strip_tags( $text);
    
    // Обрезаем
    if ( mb_strlen( $text ) > $maxchar ){
                $text = mb_substr( $text, 0, $maxchar );
                $text = preg_replace('@(.*)\s[^\s]*$@s', '\\1 ...', $text );
            }
    echo $text;
}

 

Способ 2.

Для выполнения этой задачи необходимо скопировать из папки плагина woocommerce/templates файл content-product.php, который отвечает за вывод товаров в цикле Woocommerce, и  поместить его в папку woocommerce ( если нет - создать) своей темы.  Это нужно для того, чтобы при обновлении плагина сохранить ваши изменения. Поэтому ни в коем случае не стоит редактировать файлы плагина. Подробнее...

Удаление атрибутов width и heigth у миниатюр WordPress

(8 оценок, среднее: 4,00 из 5)
Загрузка...

По умолчанию функция   the_post_thumbnail() выводит html миниатюры поста в следующем виде:

<img width="400" height="500" src="" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" 
alt="" srcset="" >

В некоторых случаях необходимо убрать атрибуты  width и  height выводимого изображения. Для этого можно использовать фильтр функции wp_get_attachment_image_src(), на основе которой работает функция вывода миниатюр:


add_filter('wp_get_attachment_image_src','delete_width_height', 100, 4);

function delete_width_height($image, $attachment_id, $size, $icon){

    $image[1] = '';
    $image[2] = '';
    return $image;
}

Данный код необходимо поместить в файл functions.php вашей темы, и результат, возвращаемый функцией the_post_thumbnail(), примет вид:

<img src="" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" 
alt="" srcset="" >

Стиль полосы прокрутки (scrollbar)

(4 оценок, среднее: 2,50 из 5)
Загрузка...

Зачастую появляется необходимость изменить стиль полосы прокрутки, особенно если она находится не на краю окна браузера, а на внутреннем элементе сайта. На сегодняшний момент качественно может помочь только ререндеринг с помощью JavaScript - имеется выбор из нескольких плагинов. Сразу предупрежу, что такие крайние меры всегда нежелательны, особенно на и без того загруженных скриптами сайтах, тем более в новых версиях браузеров и ОС аппаратные полосы прокрутки становятся все более элегантными. jScrollPane - cross browser styleable scrollbars with jQuery and CSS nanoScroller.js iScroll, smooth scrolling for the web
NanoScroller.js
Нужно импортировать стили и подключить скрипт, которые цепляются за классы в HTML обертке. Обертка представляет собой контейнер со 100% шириной и высотой, а также position:relative. Так что размеры внешнего контейнера должны быть указаны явно. Позволяет методами скролить вверх/вниз, принудительно показать стильную полоску или убрать ее оставив ничего. Так же можно вовсе выключить плагин и перезапустить. Есть 2 события о достижении верхнего и нижнего пределов. Для iOS5+ позволяет отключать плагин. Есть метод застопорить прокрутку основной страницы при достижении пределов, а также несколько декоративных методов.
Страница 8 из 8« Первая...45678