Как сделать простой товар, но с некоторыми возможностями вариативного?

Question

[Максим Демидов]

Уважаемые коллеги, спасайте, всю голову уже сломал. Небольшое вступление: сейчас разрабатываю сайт на Woocommerce, одним из требований СЕОшника было формирование у каждого товара уникального урл, но, вместе с тем, каждый товар имеет несколько разновидностей (размер, цвет). И заказчик хочет чтобы каждая вариация показывалась отдельно!
Вариативные товары вроде не очень подходят (в каталоге показывается один товар для всех вариаций, вариации не имеют нормального урл, вобщем не то).
Пробовал вариации вариативных товаров эмулировать в простые плагином WooCommerce Show Single Variations от iconic. Немного не то, правил, правил, допиливал - плюнул (конфликтует с самописной функцией, которая меняет цену товара в зависимости от курса валют, и другие ньюансы тоже есть - вообщем не подходит). Остался вариант формировать все вариации просто как обычные простые товары (копирайтеры замучаются описание ко всем писать, это да).
Теперь собственно вопрос:
Как в карточке товара(простого) вывести варианты цветов и размеров, например под ценой, с возможностью выбора (желательно без перезагрузки страницы) и после выбора всех параметров отправить на необходимую страницу товара?
По идее - размер и цвет можно сделать атрибутами товара, как вывести атрибуты в любом месте карточки товара в зависимости от категории я в теории знаю. А вот что дальше? При выборе клиентом, например, другого цвета товара? Отправлять его редиректом на другую страницу? А если и размер захотелось другой? Снова редирект?
P.S. Извините за длиннопост, старался более подробно объяснить) Заранее спасибо всем за подсказки!

Answer 1

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

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

Comments

[Максим Демидов]

Спасибо за ваш вариант! Попробую его переписать под свои нужды, результат выложу сюда, может еще кому пригодится.

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

Получилось?
Скиньте вариант посмотреть.

[Максим Демидов]

Пычев Анатолий, остановился на вариативных товарах, так какв случае простых возникает офигенное множество вариантов товара)) И в итоге на странице около 20-30 вариантов одного товара, что вообще не вариант) Использовал ваш плагин для вариативных товаров, только сделал в самом плагине проверку на наличие товара и вывод только для вариативных товаров (на простых его не вывожу)

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

Отличное решение, спасибо за опыт.

Использовал ваш плагин для вариативных товаров

Я тоже его использовал для вариативных, только цвет у нас не заведен в атрибут вариации а выделен как отдельный товар. В результате получается, что вариации всегда только по одному атрибуту (размер например). Это позволило сделать более легкое табличное представление для оптовых заказов.

[Максим Демидов]

Огромное спасибо за ваш плагин! Только ньюанс возник))) У клиента странная база данных товаров (И у одинаковых товаров с разными цветами - очень разные артикулы, вообщем отсортировать по первым цифрам не выйдет). Артикулы клиент менять не хочет (товары идут с артикулами поставщика). Решил проблему с помощью кастомных полей и вашего плагина, немного его переработав:
1) Создал кастомное поле newsku;
2) Вывел его в админке (на фронте назвал "Код товара");
3) Переработал ваш плагин, сделав сортировку по тому же массиву, но по другому ключу.
Код переделки, может кому пригодится

spoiler

<?php
/**
* @version 1.0
*/
/*
Plugin Name: Выбор расцветок товара 
Description: Плагин для отображения товаров других расцветок товара.
Author: Anatoliy Pychev (Rebuild for Maksym Demydow)
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 $post, $woocommere, $product;

        //error_log(__METHOD__ . PHP_EOL , 3, WP_PLUGIN_DIR . '/hummel-color-upsells/log.log');
		$test = get_post_meta( $post->ID, '_newsku', true );
		$newsku = $test;

if ( !$newsku || 'bndl' == substr( $newsku, 0, 4 ) ) { return; }

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

        $args = array(
            'post_type' => 'product',
            'post_status' => 'publish',
            'numberposts' => -1,
            'meta_query' => array( 
                array(
                    'key' => '_newsku',
                    'value' => $article,
                    'compare' => 'LIKE',

                ),
				 array(
            		'key' => '_stock_status',
					'value' => 'instock'

                )	
				)
        ) ;
        $clrposts = get_posts($args);
		
//print_r( $args );


        if ( $clrposts ){
if( $product->is_type( 'variable' ) ){
                 echo '<p id="linked" style="margin: 0px;"><strong>Этот товар в другом цвете</strong></p>';
				 echo '<div class="color-upsells" style="display:flex; display:-ms-flexbox;">';
				}
				elseif( $product->is_type( 'simple' ) ){
                echo '';
				}		
				

            foreach( $clrposts as $clrpost ){ 
                $prd = wc_get_product( $clrpost );
				//print_r( $clrpost );
                $color = substr($prd->$test, 8, 4);
				
				$imgcss = 'border: 0px solid black;';
                if ( $newsku == $prd->$test ) { $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>';
                
				if( $product->is_type( 'variable' ) ){
                echo $html;
				}
				elseif( $product->is_type( 'simple' ) ){
                echo '';
				}
            }
			
			
			
if( $product->is_type( 'variable' ) ){
                  echo '</div>';
				}
				elseif( $product->is_type( 'simple' ) ){
                echo '';
				}
			
			
			
			
			
     
    }















    
    }
    /**
   * 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();

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

Отличное решение.
Пару поправок

1. Условие 'bndl' == substr( $newsku, 0, 4 ) можете смело удалить. Это была проверка на принадлежность в артикулу комплекта. У Вас скорее всего нет таких артикулов.
   
2. в строке

   self::$notices[] = '<div class="error"><p><strong>Hummel Orders Exporter Plugin</strong>

   изменить название на название Вашего плагина. (Это мой корявый копипаст, я за каркас взял другой плагин)
   

[Максим Демидов]

Спасибо!Этот момент я тоже механически скопировал, по принципу- работает, не трогай))
А подскажите, пожалуйста, такой момент по вашему коду:
- Как я понял, вы здесь сначала получили массив продуктов, потом установили для них нулевую рамку. Затем вы прописали условие о том, что если элемент не принадлежит массиву (который вызывается get_sku()) то он имеет другую рамку?

$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;';

У меня массив новых артикулов находится через
$test = get_post_meta( $post->ID, '_newsku', true ); т.е я , по сути, прохожу по post_meta товаров с ключом _newsku, получая то что мне нужно... Все вроде работает, но!
Когда я пробую по условию отсортировать
if ( $newsku == $prd->$test ) { $imgcss = 'border: 1px solid black;'; } , то рамку оно не дает)
Я в php не сильно специалист, подскажите куда можно копать? Как я понимаю, надо как-то сравнить, имеет ли данная миниатюра товара новый артикул точно совпадающий с артикулом текущего товара...Если да - то показывать рамку, если есть хоть какое-то отличие - то нет...Но как их сравнить???

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

Вообще запись $prd->$test странная. Что она должна у Вас возвращать? Судя по всему у Вас сыпятся Варнинги но Вы их невидите, т.к. по умолчанию у WordPress режим отладки отключен.

Мой алгоритм делал следующие, конечно он не идеален.

1. Получал все похожие записи
   
2. Пробегал в цикле каждую запись
   
3. Выделял код цвета из артикула $color = substr($prd->get_sku(), 8, 4)
   
4. Устанавливал значение стиля рамки по умолчанию$imgcss = 'border: 0px solid black;';, невидимой
   
5. Проверял, Если артикул совпадал с артикулом текущего товара, то устанавливал стиль рамки видимой
   

Если я Вас правильно понял, то Вы добавили новое произвольное поле и записываете туда артикула, которые сами создаете по какому-то правилу.
Для выделения рамкой, Вам нужно сравнивать артикул текущего товара (того, в карточке которого вы сейчас находитесь) с артикулом в цикле. Для этого, перед сравнением, Вам надо получить артикул товара который в цикле.

$test = get_post_meta( $clrpost ->ID, '_newsku', true );

. И потом уже делать сравнение if ( $newsku == $test )

[Максим Демидов]

Спасибо вам огромное! Все заработало! Все таки недостаток знаний дает о себе знать(((
Разобрался...Оказывается, я с какого-то перепугу пытался пройти по $post, хотя непосредственно обращался к $clrpost. И потом еще с этими сравнениями...Вы в своем примере обращались к функции get_sku() для получения артикулов, и я самонадеянно подумал, что могу так же обратится к $test, в которую я вывел значения артикулов из нового кастомного поля ...Спасибо вам за подсказку!Теперь все отлично работает!

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

Пожалуйста.

Answer 2

[Mr Crabbz]

Купите подобный плагин и не тратьте лишнее время на придумывание костылей: https://iconicwp.com/products/woocommerce-show-sin...

Потраченные деньги быстро окупятся в счёт сэкономленного времени.

Comments

[Максим Демидов]

Спасибо за ваше решение, но я пробовал этот плагин. К сожалению здесь возникли свои ньюансы:
1) На странице каталога кроме дочерних вариаций показывается и товар-родитель (если его так можно назвать). В принципе решаемо, но опять же костыли.
2) Ньюансы пакетного редактирования вариаций. Очень неудобно массово редактировать товары где есть подобные вариации. Использовал Advanced Bulk Edit. С простыми товарами проблем нет.
3) УРЛ формируется вида - урл родительского товара+ get запрос, типа https://site/shina28/?attribute_pa_diametr=30&attr... Можно заморочиться rewrite rule, но опять же костыли(((
4) Нормально не работает функция по замене цены согласно курса валют (но, это уже,видимо, мои баги, и все равно писать костыли).
Так что с этим плагином не вариант, к сожалению(((