Можно ли каким-то образом добавить сопутствующие (апсейл) товары для вариации на странице товара?

Question

[alashgrand]

Можно ли каким-то образом добавить сопутствующие (апсейл) товары для вариации на странице товара? Хочу чтобы это выглядело так, как на этом изображений nursace.kz/wp-content/uploads/2018/10/sdfsdf.png
woocommerce

Comments

[Dimonchik]

накодить, наверное

[Пычев Анатолий]

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

[alashgrand]

Пычев Анатолий, да именно с переходом, но с переходом плагина не нашел(

[alashgrand]

dimonchik2013, в single-product не могу разобраться

[Пычев Анатолий]

alashgrand, Надо подключать через хуки
Мне идея понравилась, я у себя на скорую руку набросал, уже работает.

spoiler

<?php
/**
* @version 1.0
*/
/*
Plugin Name: Hummel Color Upsells
Description: Плагин для отображения товаров других расцветок товара.
Author: Anatoliy Pychev
Version: 1.0
Author URI:
*/

class Hummel_Color_Upsells_Plugin {

    private static $notices = array();
    
	public static function init() {

		register_activation_hook( __FILE__, array( __CLASS__, 'activate' ) );
		register_deactivation_hook( __FILE__, array( __CLASS__, 'deactivate' ) );
		register_uninstall_hook( __FILE__, array( __CLASS__, 'uninstall' ) );

		add_action( 'init', array( __CLASS__, 'wp_init' ) );
		add_action( 'admin_notices', array( __CLASS__, 'admin_notices' ) );
	}

	public static function wp_init() {
		$active_plugins = get_option( 'active_plugins', array() );
		$woocommerce_is_active = in_array( 'woocommerce/woocommerce.php', $active_plugins );
		if ( !$woocommerce_is_active )  {
			self::$notices[] = '<div class="error"><p><strong>Hummel Orders Exporter Plugin</strong>  требуется наличие активнокго плагина Woocommerce.</p></div>';
		} else {

			// добавляем обработчик 
            add_action( 'woocommerce_before_add_to_cart_form', array( __CLASS__, 'display_color_upsells' ), 10 );
 
        }
    }  

    /**
     * Выводит на фронт миниатюру этого же товар в другой расцветке
     */
    public static function display_color_upsells() {
        global $woocommere, $product;

        //error_log(__METHOD__ . PHP_EOL , 3, WP_PLUGIN_DIR . '/hummel-color-upsells/log.log');

        $sku = trim($product->get_sku());
        
        // исключаем наборы и товары без артикулов
        if ( !$sku || 'bndl' == substr( $sku, 0, 4 ) ) { return; }

        $article = substr( $sku, 0, 7 );

        $args = array(
            'post_type' => 'product',
            'post_status' => 'publish',
            'numberposts' => -1,
            'meta_query' => array( 
                array(
                    'key' => '_sku',
                    'value' => $article,
                    'compare' => 'LIKE'
                ))
        ) ;
        $clrposts = get_posts($args);

        if ( $clrposts ){

            echo '<p style="margin: 0px;"><strong>Цветовая палитра</strong></p>';
            echo '<div class="color-upsells" style="display:flex; display:-ms-flexbox;">';

			foreach( $clrposts as $clrpost ){ 
                $prd = wc_get_product( $clrpost );
                $color = substr($prd->get_sku(), 8, 4);
                $imgcss = 'border: 0px solid black;';
                if ( $sku == $prd->get_sku() ) { $imgcss = 'border: 1px solid black;'; }
                $imgcss = $imgcss . ' margin: 2px; padding: 2px;';
                
                $html = '<a href="' . get_permalink( $clrpost ) . 
                        '" title="' . $color .
                        '" alt="' . esc_attr( get_the_title( $clrpost ) ) . 
                        '">' .  get_the_post_thumbnail($clrpost, array(45,45), array('style' => $imgcss)  )  .
                        '</a>';
                echo $html;
            }

			echo '</div>';
		}

    }
    
    /**
	 * Plugin display notices.
	 * 
	 */
	public static function admin_notices() { 
		if ( !empty( self::$notices ) ) {
			foreach ( self::$notices as $notice ) {
				echo $notice;
			}
		}
	}

    /**
	 * Plugin activation work.
	 * 
	 */
	public static function activate() {
	}

	/**
	 * Plugin deactivation.
	 *
	 */
	public static function deactivate() {
	}

	/**
	 * Plugin uninstall. 
	 *
	 */
	public static function uninstall() {
	}    
}
Hummel_Color_Upsells_Plugin::init();

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

spoiler

конечно, тут есть куда развиваться.
Ну например надо сделать переход без перезагрузки - по ajax-у
И негоже теребить базу несколькими запросами, когда идет выдача страницы. Для этого надо отлавливать событие сохранения товара и выполнять сбор информации ( или даже весь html код этого блока) и сохранять в метаполе товара или в какой-то трансиент. Тогда будет один запрос и выдача. Т.е. грузить работой админскую часть а не фронтальную

Ну в общем как-то так
Мне понравилось. Буду развивать. Спасибо за идею.

[alashgrand]

Пычев Анатолий, Ого, и Вам спасибо! Только вот у меня не выводит миниатюру товара в другой расцветке, а наоборот свой же выводится)

[Пычев Анатолий]

У меня тоже такая ошибка была, Вы выводите текущий пост
Выводите в строку, тогда вы можете в параметрах get_the_post_thumbnail указать пост или id миниатюру которого нужно вывести

[alashgrand]

Пычев Анатолий, если честно я не понял...Просто я новичок в этом деле, но стараюсь как-то)

[Пычев Анатолий]

Ну мне сложно судить что Вы делаете, без Вашего кода

[alashgrand]

Я установил ваш плагин. nursace.kz/product/a60509-suet-black

[alashgrand]

Пычев Анатолий, Пожалуйста, постарайтесь объяснить мне чуть подробнее)

[Пычев Анатолий]

alashgrand,
У меня на сайте товары имеют артикула составные (xxx-xxx-xxxx-xxx). Так вот, первый и второй блок идентифицируют товар (артикул) , третий цвет, последний размер. Так вот, я беру первые 7 символов (первые 2 блока -артикул) и ищу все товары у которых артикул совпадает - это и есть разновидности по цветам, для них и вывожу картинки.
У Вас возможно нужно как то иначе искать связанные товары? Вообще есть связка у Вас между товарами. Как определить, что некоторые 2 товара отличаются только цветом? Или Вы хотите сами делать эту связку в админке, прямо указывая артикула?

[alashgrand]

Да прямо указывая артикуля через админ

[Пычев Анатолий]

Это будет посложнее.
Вам надо написать код который
1- добавит поля в админку,
2- будет сохранять и отображать сохраненные значения
первые 2 пункта здесь, только там пример для категорий, поищите в нете для вкладки сопутствующие. по моему акшн такой "add_action( 'woocommerce_product_options_related', ....). В общем поищите по запросу "woocommerce_product_options_related".
3 - автоматически изменять значения для связанных товаров (т.е. если в товаре 1 вы добавили сопутствующий 2, то Вы должны изменить и значение у товара 2, ну что бы не править оба товара)
4 - Вывод результатов на фронт. Эта часть почти написана, надо будет только скорректировать под Ваши поля.

[alashgrand]

Пычев Анатолий, плагин WC Fields Factory - это то что мне нужно? Как вы думаете...

[Пычев Анатолий]

Возможно, я не знаю этот плагин

[alashgrand]

Пычев Анатолий, webeskadra.com/blog/woocommerce/woocommerce-dobavl... - а этот вариант?

[Пычев Анатолий]

alashgrand, Это тот же алгоритм, который я вам написал выше. Но Вам все равно придется под себя править. И какой бы вы не нашли плагин, алгоритм будет такой же, и все равно надо будет править
Рекомендую написать самому. И обучение и опыт и знания и самоуважение.

[alashgrand]

Пычев Анатолий, У меня не получается. Я могу предоставить доступ, если вы мне поможете

[Пычев Анатолий]

alashgrand,
Предоставлять доступ, это не верно. Да и лишнего времени как всегда нет.
Вариантов всегда 2
1 - Вы разбираетесь и спрашиваете здесь по конкретным вопросам и получаете ответы, выбираете лучший на Ваш взгляд и используете.
2 - Вы заказывает и Вам делают.

Предлагаю выбрать первый. Т.к. у Вас уже все есть: и алгоритм, и примеры кода. Осталось собрать все в кучу. Начните с малого попробуйте добавить поле в админку. Потом попробуйте сохранить значение и отобразить, дальше все сложиться.

[alashgrand]

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

[alashgrand]

alashgrand, Ладно спасибо, неудобно уже как-то

[Пычев Анатолий]

Значение любое ставить?

Смотрите, По идее у Вас должно быть поле куда вы будете прописывать идентификаторы (будь то id или sku- артикул) связанных товаров. Вы сохраняете содержимое этого поля в метаполе товара (ф-ция update_post_meta)
Скорее всего, что записей будет несколько (цветов то бывает больше чем два) тогда записывайте из через запятую, потом перед сохранением делаете разбор строки на элементы в массив и сохраняете массив идентификаторов

Потом когда нужно отобразить на фронте, Вы достаете это значение (или массив значений), вытаскиваете нужный пост(товар), берете его картинку и отображаете.

[alashgrand]

Пычев Анатолий, Вы не развиваете свой плагин, который написали?

[alashgrand]

Можно взглянуть на ваш сайт?

[Пычев Анатолий]

На текущий момент он в таком состоянии как я показал
Вот кстати он в работе - цветовая палитра
Сейчас поставили другие важные задачи. Закончу с ними возьмусь за него.

[alashgrand]

Пычев Анатолий, ok, подожду

[alashgrand]

Пычев Анатолий, $clrpost - что значит?

[Пычев Анатолий]

$clrpost - что значит?

- название переменной, сокращение от "color post". Переменная цикла.

[alashgrand]

Пычев Анатолий, Здравствуйте! Пока еще не освободились?

[Пычев Анатолий]

alashgrand, пока нет

[alashgrand]

Пычев Анатолий, Вопрос решен) Спасибо вам!

[Пычев Анатолий]

Отлично.
Поделитесь решением или хотя-бы алгоритмом

[Сергей Марков]

Пычев Анатолий, Подскажите как с вами связаться по поводу этого плагина ? Писал вам на почту но не получил ответ.

[Пычев Анатолий]

Здравствуйте.
Странно, я письмо не получил.
Моя почта : [e-mail]

[Сергей Марков]

Пычев Анатолий, я вам повторно написал на почту / может в спам уходит ? посмотрите пожалуйста если не получите напишите на [e-mail] .

[awak6e]

alashgrand, Пычев Анатолий Здравствуйте. Воспользовался вашим плагином, для актуальной версии вп не подходит (много ошибок вылетает). Вы его не дорабатывали?