Изменяем отображение цены вариативных товаров WooCommerce

Комментарии — 45

Андрей 17 Май 2020
Спасибо за статью!
Буду ждать описания моментов, которые нужно учесть)
Олег 17 Май 2020
Спасибо огромное добрый человек!
Работает!
Есть только один нюанс... цена как отображалась в несколько строчек (в 3 строчки если быть точным) - так и продолжает отображаться
Было -> Стало

100р
- от
200р 200р

Можешь плииз дать направление - куда копать? ))
- Миша 17 Май 2020
  Да, пожалуйста!
  
  Ну у вас есть два варианта – либо заменить пробелы на неразрывные  , либо использовать CSS-свойство white-space:nowrap.
  - Олег 17 Май 2020
    Спасибо за ответ!
    Прошу пардона что вот так сразу вульгарно на Ты )) это я не со зла.
    К сожалению не сработало. От темы это тоже не зависит (пробовал на разных)
    А где формируется вывод вариативных ценников у WooCommerce? (в каком Php-файле/в какой функции)
  - Миша 17 Май 2020
    Относительно Ты – ничего страшного )
    
    хм.. если не сработало, то я возможно не до конца понял вопрос 🤔
    - Олег 18 Май 2020
      Сорри за мой корявый экспланейшн... с php/wordpress'ом и вот этим всем я сильно на Вы)))
      попробую объяснить еще раз...
      Имеется вариативный товар. Допустим ценой 100 и 300 руб. Помимо того, что диапазон цен 100-300 сбивает с толку... Цена еще и отображалась в 3 строчки, что очень не эстетично и ваще ацтой. Ваше решение казалось панацеей от этой проблемы (ремарка: как мне показалось с моей ламерской колокольни, ваше решение - наиболее продуманное из всех подобных решений для вариативных товаров, что встречал в интернетах... например у Вас учитывается момент с одинаковой ценой вариативных товаров... есть 2 отдельных вывода для распродажи и обычной цены... и.т.д. есть только вопрос - как будут работать фильтры по цене... но у меня таковых пока не предвидится...)
      Дык вот (возвращаясь к моим баранам...)
      Было (строчки пронумерованы)
      1. 100р
      2. -
      3. 300р
      
      После модификации стало (строчки пронумерованы)
      1.
      2. от
      3. 100р
      Все те же 3 строчки...
      
      Менял тему - тоже самое.
      Начинаю думать что нужно еще что-то подкрутить в выводе вариативной цены у Вуукоммерса.
      Из того что пробовал...
      - не работает точно...
      насчет CSS... попробовал обернуть в кастом CSS стиль вывод функции но возможно что-то сделал не так... можно ли попросить о примере кода?
      - Олег 18 Май 2020
        поправка   не работает точно )
      - Миша 18 Май 2020
        Ну это же всё равно в одном HTML-теге верно?
        
        "1.
        2. от
        3. 100р"
        
        Если между от и рублями поставить неразрывный пробел  , то точно должно работать 🤔🤷‍♂️ ну или прописать в CSS white-space:nowrap для того самого тега.
        
        Так что странно.
        
        Олег 19 Май 2020
        >Ну это же всё равно в одном HTML-теге верно?
        А вот не знаю, сорри... имхо это зависит от того как организован вывод варриативной цены у WooCommerce и как работает sprintf( 'от %1$s', wc_price( $min_regular_price ))
        Мои ламерские домыслы: может есть более приоритетный стиль от WooCommerce который применяется в данном случае... или вывод цены у WooCommerce организован так что есть принудительный перевод строки для слова
        
        Олег 19 Май 2020
        ну т.е. мое предположение, что может min_regular_price уже возвращается с пробелами или знаком переноса строки. И совсем не понятно откуда берется первая пустая строка.
        
        Миша 19 Май 2020
        Ну то есть так пробовали и не сработало? sprintf( 'от %1$s',
        
        Олег 19 Май 2020
        да))
        
        Миша 19 Май 2020
        Фак) ну странно короче, если хотите, напишите в форму, я могу дать контакт одного из наших разработчиков, он вам за небольшое вознаграждение думаю поможет
catarri 25 Май 2020
А как потом стилизовать эту приставку "От". Она не html тегах и я не могу увеличить её размер, если название фильтра содержит price_html, может можно вернуть слово в тегах?
- Миша 25 Май 2020
 Да, можно конечно, рекомендую тег span.
 - Влад 31 Май 2020
 Добрый день, а можно это показать для новичков уже в вашем примере которое было выложено ранее вверху
 - Миша 31 Май 2020
 Добрый,
 
 Да, конечно: sprintf( 'от %1$s', ...
Володя 18 Июл 2020
Спасибо за статью. Для новичка самое то. Хотя и не это искал.
А как запросить все цены (не только мин и макс) и все их вывести?
Нашел в плагине дедуктивным способом файл: price.php и вот Ваш способ. Как лучше?
И при обновлении плагина или темы у меня все пропадет??? Если да - АбиднА!
Просто человеческое спасибо за Ваш труд. А ответы на новые вопросы: как будет угодно.
- Миша 21 Июл 2020
  Пожалуйста, не совсем понял ваш вопрос про цены 🤔 Чтобы код не пропадал, вставляйте его либо в дочернюю тему, либо создайте плагин.
Александр 19 Июл 2020
Этот хук ко всем товарам, а как сделать к товару по ID ? Спасибо! )
- Миша 21 Июл 2020
  Пожалуйста :)
  if( 100 != $product->get_id() ) { return $price; // для товара с ID 100 }
Андрей 19 Дек 2020
Миша, приветствую! Буду очень признателен если подскажите, как полностью убрать вывод вариативности цены "от и до"? Чтобы осталась только фактическая цена варианта товара.
- Миша 20 Дек 2020
  Приветствую Андрей,
  
  А какого конкретно варианта?
  - Андрей 20 Дек 2020
    Миша, уже решил. Спасибо, что откликнулись!
    
    add_filter( 'woocommerce_variable_sale_price_html', 'my_remove_variation_price', 10, 2 ); add_filter( 'woocommerce_variable_price_html', 'my_remove_variation_price', 10, 2 ); function my_remove_variation_price( $price ) { $price = ''; return $price; }
    - Миша 20 Дек 2020
      Супер, и cпасибо, что поделились кодом!
    - Дмитрий 19 Янв 2021
      Андрей, привет!
      Тоже нужно было сделать то, что ты сделал! Вставил код и цена от-до ушла, осталась отображаться цена конкретного варианта товара, но как её поместить на место цены от-до?
      Спасибо!
Михаил 19 Фев 2021
Михаил добрый день.
Подскажите пожалуйста. У меня такой вариант:
Есть товар с вариациями, цена на 1-у штуку 95 крон, на 3-и цена 190 крон, на 6-ть 304 кроны.
Соответственно логично выводить цену наименьшую, но не 95 крон, а 51 крону (если человек покупает сразу 6 штук). Вот пример: https://montbleu.store/product/middle-transparent-glass-nail-file/
Как правильно поправить код, что бы выводилась в магазине цена 51 крона.
Спасибо.
- Миша 20 Фев 2021
  Добрый день!
  
  Думаю, что вам нужно $product->get_variation_regular_price( 'min', true );.
Александр 29 Апр 2021
Доброго времени
Подскажите пжлс как сделать такой формат цены у обычного товара, не вариативного http://prntscr.com/1281thj
То есть,
перечеркнутая - основная цена,
оранжевая - цена по акции,
между ними сумма экономии (основная цена - цена по акции = экономия)

За ранее огромное спасибо!
- Миша 29 Апр 2021
 Добрый день,
 
 Можете попробовать фильтр-хук woocommerce_get_price_html.
 - Александр 30 Апр 2021
 Михаил, спасибо за ответ!
 По вашей наводке и поиском в гугле получилось сделать следующее:
 
 // удаляем текущий вывод цены add_filter( 'woocommerce_get_price_html', 'hide_all_wc_prices', 100, 2); // // заменяем нашим фильтром add_filter( 'woocommerce_get_price_html', 'custom_price_html', 100, 2 ); function custom_price_html( $price, $product ){ $sale = get_post_meta( get_the_ID(), '_sale_price', true); $regular = get_post_meta( get_the_ID(), '_regular_price', true); $symbol = sprintf(get_woocommerce_currency_symbol()); if ($sale) { $discount = $regular - $sale; $price .= '' . $sale . $symbol . ''; $price .= '' . $discount . $symbol . ''; $price .= '' . $regular . $symbol . ''; } else { $price .= '' . $regular . $symbol . ''; } return apply_filters( 'woocommerce_get_price', $price ); }
 
 Работает как нужно, но есть пару моментов с которыми не могу разобрать, буду рад если сможете помочь!
 
 1) у цен не правильно отображаются десятичные цифры, в админке выставлено 2 числа после точки, то есть так 100.11.
 Сейчас отображается столько десятичных, сколько ввел в админке, например в админке 100.11111 и на сайте отобразится 100.11111.
 Если ввел 100, то и отобразится 100, а нужно 100.00
 
 2) этот вопрос наверное будет глупым, но не судите строго первый магазин на wc)
 как сделать чтобы этот фильтр применялся только к товару, в категории и корзине будет другой формат?! Сейчас этот фильтр применяется ко всему сайту.
 
 За ранее спасибо!
Радмир 12 Май 2021
Миша, добрый день. Все работает спасибо.
Пробую сделать такой вариант на Woo, чтобы стояла цена за 1 кв.м., но в корзину падало пропорционально упаковкам (а в упаковке может быть и 0.84 и 1.44 кв.м.)

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

Я сделал вариацию на 1 кв.м. (сделал, что товара нет в наличии) и вариацию на 1.44 кв.м. как приоритетную, но выглядит это не очень, да и забивать не очень удобно, а особенно в дальнейшем цены менять.
- Миша 12 Май 2021
  Добрый день!
  
  Интересная задача, рекомендую взглянуть на этот урок и на этот, надеюсь, помогут или направят в нужное направление 🙏🏼
Екатерина 17 Май 2021
Михаил, спасибо большое! Все работает! А я уж было плагины начала искать для решения этой задачи

renat

23 Июн 2021

Здравствуйте Михаил,
Это интересное решение, но у меня задача посложнее. Передо мной стоит задача отобразить 3 варианта цены на одну услугу строками на странице одного товара. При этом сниженные цены и обычные цены на пару должны быть видны только когда пользователь авторизовался. Для гостей сайта видны только обычные цены.
Итак, как это выглядит на странице одного товара:
1. За Атрибут 1: 50.50 р. - 60 р. (вторая цена перечеркнута)
2. За Атрибут 2: 1.50 р. - 2 р.
3. За Атрибут 3: 404 р. - 480 р.
4. 1.50 р. - 404 р. или 2 р. - 480 р.
Как это должно выглядеть на странице архива товаров:
только в виде диапазона 1.50 р. - 404 р. или 2 р. - 480 р. (еще можно рассмотреть вариант если в архиве товаров будет отображаться вместо диапазона кнопка Цена, при нажатии на которую будет всплывать окно с ценами).

Что я смог сделать:
1. Я смог вывести атрибуты на страницу товаров, но они также стали отображаться и в архиве товаров, где их быть не должно, либо по условиям выше.
2. Перечеркнутые цены со скидками видны только в простом товаре, в вариативном все еще отображаются только минимальные, в зависимости от того, авторизовался ли пользователь.

Я новичок в этой теме, все это смог набросать с помощью кодов доступных в сети. Подскажите пожалуйста что я упустил?

 
add_filter( 'woocommerce_get_price_html', 'custom_get_price_html', 20, 2 );
 
function custom_get_price_html( $price, $product ) {
 
		if($product->is_type('variable')){
		foreach($product->get_available_variations() as $variation ){
			// Attributes
			$attributes = array();
			foreach( $variation['attributes'] as $key => $value ){
				$taxonomy = str_replace('attribute_', '', $key );
				$taxonomy_label = get_taxonomy( $taxonomy )->labels->singular_name;
				$term_name = get_term_by( 'slug', $value, $taxonomy )->name;
				$attributes[] = $term_name;
			}
			echo '<span class="variation-attributes">'.implode( ' | ', $attributes ).' - ';
 
			// Prices
			if( is_user_logged_in() )
			$active_price = floatval($variation['display_price']); // Active price
			$regular_price = floatval($variation['display_regular_price']); // Regular Price
 
			if( $active_price != $regular_price ){
				$sale_price = $active_price; // Sale Price
			}
			echo '<span class="variation-prices">'.$variation['price_html'].'</span><br>
			</span>';
 
			//
			if( is_user_logged_in() ){
            $price_min  = wc_get_price_to_display( $product, array( 'price' => $product->get_variation_sale_price('min') ) );
            $price_max  = wc_get_price_to_display( $product, array( 'price' => $product->get_variation_sale_price('max') ) );
        } else {
            $price_min  = wc_get_price_to_display( $product, array( 'price' => $product->get_variation_regular_price('min') ) );
            $price_max  = wc_get_price_to_display( $product, array( 'price' => $product->get_variation_regular_price('max') ) );
        }
 
        if( $price_min != $price_max ){
            if( $price_min == 0 && $price_max > 0 )
                $price = wc_price( $price_max );
            elseif( $price_min > 0 && $price_max == 0 )
                $price = wc_price( $price_min );
            else
                $price = wc_format_price_range( $price_min, $price_max );
        } else {
            if( $price_min > 0 )
                $price = wc_price( $price_min);
        }
		}
	}
 
 
 
    elseif( $product->is_type('simple') )
    {
        if( is_user_logged_in() )
            $regular_price = wc_get_price_to_display( $product, array( 'price' => $product->get_regular_price() ) );
 
        else
            $active_price = wc_get_price_to_display( $product, array( 'price' => $product->get_regular_price() ) );
 
        if( $active_price > 0 )
            $price = wc_price($active_price) . $product->get_price_suffix();
    }
    return $price;
}
 
 
// Отображение цены Вариативного Товара
add_filter( 'woocommerce_available_variation', 'custom_variation_price', 10, 3);
function custom_variation_price( $data, $product, $variation ) {
 
    $reg_price = wc_get_price_to_display( $variation, array( 'price' => $variation->get_regular_price() ) );
    $sale_price = wc_get_price_to_display( $variation, array( 'price' => $variation->get_sale_price() ) );
 
    if( is_user_logged_in() )
        $data['price_html'] = wc_price( $sale_price );
    else
        $data['price_html'] = wc_price( $reg_price );
 
    return $data;
}
 
// Установите правильные цены в корзине
add_action( 'woocommerce_before_calculate_totals', 'set_item_cart_prices', 20, 1 );
function set_item_cart_prices( $cart ) {
    if ( is_admin() && ! defined( 'DOING_AJAX' ) )
        return;
 
    if ( did_action( 'woocommerce_before_calculate_totals' ) >= 2 )
        return;
 
    // Loop through cart items
    foreach ( $cart->get_cart() as $cart_item ){
        if( ! is_user_logged_in() ){
            $cart_item['data']->set_price( $cart_item['data']->get_regular_price() );
        }
    }
}
 
// Удалить значок распродажи
add_filter( 'woocommerce_sale_flash_html', 'electro_get_sale_flash' );
 
if ( ! function_exists( 'electro_get_sale_flash' ) ) {
    // Функции для получения продажи flash с суммой продажи. *
    function electro_get_sale_flash( $html, $post, $product ) {
		if( is_user_logged_in() ) {
			$html = '<span class="onsale">-' . electro_get_savings_on_sale( $product, 'percentage' ) . '</span>';
 
        return apply_filters( 'electro_get_sale_flash', $html, $post, $product );
    }
}
}

renat 23 Июн 2021
Прошу прощения, забыл уточнить, это сайт каталог с отключенной корзиной на базе woocommerce.
Миша 27 Июн 2021
Здравствуйте, спасибо большое за то, что подробно расписали свою задачу. Тут наверное сходу не смогу подсказать, сорри, нужно тестировать ваш код. Либо могу предложить обратиться за помощью в нашу команду...

Влад 22 Авг 2021
Спасибо, работает просто шикарно) Выручили!
- Миша 22 Авг 2021
  Супер! :)

Дмитрий

10 Сен 2021

Здравствуйте, большое спасибо за готовое решение!
Могли бы вы подсказать как сделать подобные изменения только на странице товара, то есть чтобы в каталоге цена была от и до, а на странице товара - как в примере. Понимаю что нужно добавить дополнительно if, но не понимаю куда)
Благодарю вас!

Дмитрий

10 Сен 2021

Удалось сделать, добавив дополнительно if ( is_product() )

add_filter( 'woocommerce_variable_price_html', 'truemisha_variation_price', 20, 2 );
 
function truemisha_variation_price( $price, $product ) {
 
	$min_regular_price = $product->get_variation_regular_price( 'min', true );
	$min_sale_price = $product->get_variation_sale_price( 'min', true );
	$max_regular_price = $product->get_variation_regular_price( 'max', true );
	$max_sale_price = $product->get_variation_sale_price( 'max', true );
 
	if ( ! ( $min_regular_price == $max_regular_price && $min_sale_price == $max_sale_price ) ) {
		if ( is_product() ) {
		if ( $min_sale_price < $min_regular_price ) {
			$price = sprintf( '<del>%1$s</del><ins>%2$s</ins>', wc_price( $min_regular_price ), wc_price( $min_sale_price ) );
		} else {
			$price = sprintf( '%1$s', wc_price( $min_regular_price ) );
		}}
	}
 
	return $price;
 
}

Надеюсь верно)

Дмитрий 12 Сен 2021
Подскажите пожалуйста, как сделать так, чтобы код срабатывал только на странице товара и только в цене этого товара. Если делать условием всю страницу товара - так же убирается интервал и на рекомендуемых товарах или апсейлах)
- Миша 13 Сен 2021
  Здравствуйте,
  
  теоретически можно попробовать следующее условие:
  
  if( is_product() && get_queried_object_id() == $product->get_id() ) {
  - Дмитрий 13 Сен 2021
    Огромное спасибо, добрый человек)
    На первый взгляд все работает хорошо
    - Миша 14 Сен 2021
      Супер, я рад! 🔥

Чтобы оставить комментарий, пожалуйста, зарегистрируйтесь или войдите.

Изменяем формат отображения цен для вариативных товаров

Миша

Комментарии — 45