WooCommerce — Свойства товара, как добавить полей?

Question

[JivoyRoman]

Здравствуйте!
Как можно реализовать на вордпрессе+woocommerce такую карточку товара?

Я пересмотрел примеры магазинов на вордпрессе, там в основном увидел что пункты расписывают ниже, скорей всего в "Описании товара".
Но в редактировании товара ведь есть поля, ширина, высота, длина. Можно как-то добавить еще? Нам к примеру не нужна "высота", лучше б толщину. Хотелось бы создать требуемые пункты и далее их заполнять.

Проблема в том, что товара много, можно было бы добавлять все характеристики в "Описании", но менеджеры сильно много ошибок допускают. Это им надо и пункты прописать и характеристику.
Перепробовали плагины, но ничего не добавляло пунктов/полей в редактировании товара.
***
Теперь другой вопрос, если можно все в одну тему.

Большая характеристика товара:

Что нибудь подобное можно реализовать? Опять же, чтобы пункты прописать заранее, и осталось только заполнять поля.
Нравится что в две колонки. Но не понимаю как реализовать.

Есть плагин TablePress. Работам умеем. Думаю его вполне можно будет использовать для такой обширной характеристики. Шорткодом в описание к товару поставить. Но, пункты. Хотелось бы как-то их прописать, и забыть. Только заполняй и все. Чтобы менеджеры меньше косячили. Как это можно реализовать? Наверняка есть решения, не все же делают сайты со стандартными ширина/высота/длина или тупо все в описание скидывают и сотни раз пишут одни и те же пункты.

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

А сейчас товара несколько сотен, обновления постоянны.

Может вообще на OpenCart перейти, но там плагины платные, надо знать что нужно под задачу, а иначе купим, не подойдет и что с ним делать)

Answer 1

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

ну самое простое, в админке (кодекс) уже есть произвольные поля, просто заполняете ключ поля и значение


Но можно и ручками если любите хардкор.

А можно и вообще, что бы не писать много кода, это ACF

Comments

[JivoyRoman]

Нет такого.
Ручками можем, если рассказать как. Нам главное сделать) Харддкор будет оставить все как есть и к каждому товару подписывать пункты, когда это можно было сделать на уровне сайта, чтобы у каждого товара эти пункты уже были. И писать меньше и работать интереснее)

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

Нет такого.

- Есть, просто может быть отключено из видимости. Проверьте это

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

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

Хотя я бы все таки пригляделся бы к плагину ACF, решает многие рутинные задачи, например избавит Вас от admin-ской части кода, останется только верстка фронта.
План такой:
1 - Добавляете нужные поля, они появляются в админке и позволяют менеджеру удобно менять значения
2 - Создаете плагин и в нем пишите верстку новой вкладки (как это сделать можно подсмотреть из поискового запроса выше), и подставляете значения которые менеджер выбрал в полях ACF.

Ну как то так.

[JivoyRoman]

Пычев Анатолий, Спасибо за ответы) Уже не знал куда податься, нигде не отвечают)
В общем, Настройку экрана я сразу проверил, нет там ничего. Может плагина какого-то не хватает? Или темой можно "поломать"?
вот настройка экрана при редактировании товара:

Настройка экрана при редактировании страницы:

Нету. Везде смотрел, в настройках тоже не увидел.

И по поводу ACF. Его я тоже уже ставил. Но и с ним какие-то беды. А именно, в редактировании товара поле добавилось. Я там написал что нужно. Но на странице товара и в магазине это не отобразилось.
Вот настройка:

В ютубе посмотрел, сделали тоже самое что и я, у меня не отобразилось.
Если рекомендуете ACF, подскажите один момент. У нас есть категории разных товаров и для них нужны в корне разные готовые пункты для заполнения. То есть задача, чтобы для разных категории товаров были свои пункты. С помощью ACF это можно реализовать если выбрать тип записи "Таксонония записи" и там выбрать категорию? И далее, добавить нужный пункт. Потому что в таком случае будет каша, для разных категорий товаров огромный список пунктов, часть из них которых быть там не должно.
За ссылку спасибо. Но если заработает ACF, и с ним можно реализовать все это?

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

1е - ВСЕГДА и ВЕЗДЕ в названиях слагов используйте только английские символы. На Вашем скрине имя поля "произвол", надо "proizvol".

Поля ACF сами не отображаются, их нужно выводить ручками, т.к. кодом. Например так (закиньте в functions.php). Хуки можно посмотреть здесь

add_action( 'woocommerce_before_add_to_cart_form', 'my_custom_action' );
function my_custom_action() {
the_field('proizvol');
}

Конечно, же поле должно быть заполнено в админке и товар обновлен.

У меня получилось так

То есть задача, чтобы для разных категории товаров были свои пункты.

Скорее всего так не выйдет. Подумайте сами, когда редактируете новый товар, откуда admin-ка может знать к какой категории он относится. Но, что возможно, так это отображение полей в админке по условной логике. Т.е. создаете первое поле (тип селект), заполняете его типами товаров и все остальные поля обвязываете условной логикой от содержимого этого поля. Получается, когда менеджер захочет заполнить характеристики товара, он сначала выберет тип, и в зависимости от этого ему покажутся соотв. поля для заполнения. Ну а в коде тоже проверяете что выбрано и выводите соотв поля.

[JivoyRoman]

Круто!) Башка сейчас уже не варит, надо немного остыть. Решение вроде как уже понятно. А если примером показать, долго?

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

Наверное последний вопрос, а как проверять?

И да, спасибо. Вывелось поле!) Ура! Первая победа есть. Может вам копейку перевести?)) На пиво.

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

Посмотрите видео по ACF. Их много в нете и на русском.
Так навскидку

add_action( 'woocommerce_before_add_to_cart_form', 'my_custom_action' );
function my_custom_action() {
	if ('второй' == get_the_field('type') ) {
		the_field('pole_2');
	}
}

[JivoyRoman]

Пычев Анатолий, Спасибо. Со вторым вопросом тоже разобрался. Вывод по типу товара сделал.
С проверкой позже буду разбираться. Это я точно сейчас не осилю.
Очень выручили!:)

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

Пожалуйста.

[JivoyRoman]

Пычев Анатолий, Появился еще вопрос.
Пишем вид товара:

На странице с товаром не указывается пункт "Вид". Просто обезличено "Коммерческий".

Посмотрел в ACF. Не увидел возможности выводить Ярлык поля вместе с данным этого поля.
Как-то можно сделать чтобы Ярлык поля тоже указывался?
Надо
Вид: Коммерческий

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

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

[JivoyRoman]

выведите его в верстке простым текстом

Представления не имею как это сделать. Можете подсказать пример? Или как в гугле искать?

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

Ну, Уважаемый, наверное выходные сказываются.
echo 'Вид: ' . the_field('vid');

[JivoyRoman]

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

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

Вы оказали мне неоценимую помощь!:)

Это как игра "горячая картошка". Получил сам, отдай другому. Я стараюсь так.

[JivoyRoman]

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

add_action( 'woocommerce_before_add_to_cart_form', 'my_custom_action' );
function my_custom_action() {
  if ('второй' == get_the_field('type') ) {
    the_field('pole_2');
  }
}

Практически в всем разобрался, но вот последний затык. Надеюсь что последний)
Проверка, что выбрано и вывод полей на странице товара, для посетителей сайта.
Что должно быть вместо "Второй?"
Вот мой код, без проверки:

Для каждого поля нужно писать код с проверкой?

Если для данного товара в админке 20 полей, то и в functions.php я пишу для каждого поля свой код с проверкой?

Такой код с проверкой:

add_action( 'woocommerce_product_meta_start', 'my_custom_action' );
function my_custom_action() {
  if ('Коммерческий' == get_the_field('type') ) {
echo 'Вид: ' , the_field('linoleum_vid');
echo '<p>';
  }
}

Не работает)

Если добавляю код:

add_action( 'woocommerce_product_meta_start', 'my_custom_action' );
function my_custom_action() {
echo 'Вид: ' , the_field('linoleum_vid');
echo '<p>';
}

А в админке с товаром поле "Вид" пустое, то страница с товаром выглядит так:

Есть пункт "Вид".
Если пишу ваш код:

add_action( 'woocommerce_product_meta_start', 'my_custom_action' );
function my_custom_action() {
  if ('Коммерческий' == get_the_field('type') ) {
echo 'Вид: ' , the_field('linoleum_vid');
echo '<p>';
  }
}

То страница "ломается".

Весь низ сайта исчезает.

И если я правильно понял, мы проверяем, если есть "Коммерческий", то пункт выводится. Но, а если менеджер ошибся или решил написать что-то новое? Может быть лучше проверять поля на заполненность вообще? И есть там что-то есть, выводить. В идеале бы так.

Но пока код проверки не работает. А как проверять на заполненность даж не знаю. Скорей всего проверять на пустое значение. Если пусто - не выводить.

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

Страница ломается потому, что у Вас все примеры с ошибкой. После 'Вид: ' должна быть точка, а не запятая. Там конкатенция строк. Вам бы логи просматривать , быстро бы отложили эту синтаксическую ошибку.
Условие у Вас верное. Я проверял код перед тем, как написать его Вам. В этом условии и выводите все поля для типа "Коммерческий"

[JivoyRoman]

После 'Вид: ' должна быть точка, а не запятая.

Добрый день)
Я поставил запятую, потому что тогда на странице товара запись выглядит правильно.
Вид: Коммерческий
А если стоит точка, то тогда будет так
КоммерческийВид:

А по вопросу проверки у меня пока не получается. Знаний кода мало) Думаю, может отдельную тему создать? Начальный вопрос по теме решен. Теперь вопрос немного в другом.

Я подробно распишу что нужно, моет так проще будет меня понять) Или мне понять.

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

Это верно, если ответ на основной вопрос получен, тему надо закрывать