WooCommerce - предварительно выбрать вариант на основе фильтрации
Мне бы хотелось, чтобы вариант с переменным продуктом автоматически выбирался из раскрывающегося списка, если пользователь входит на страницу результатов фильтра.
Например, если в моем магазине продаются футболки, а пользователь отфильтровал категорию товара по размеру "M", используя фильтры товара, есть ли способ предварительно выбрать опцию "M", когда пользователь нажимает на страницу товара?
В данный момент пользователь фильтрует товары по размеру "M", нажимает на страницу товара и затем снова выбирает "M" из выпадающего списка вариантов.
Я использую WooCommerce версии 3.2.0
2 ответа
Это зависит от того, что вы подразумеваете под " страницей результатов фильтра ". Если вы говорите об использовании некоторых параметров GET, достаточно добавить значение атрибута в конце URL-адреса страницы продукта.
Просто так: https://www.your-site.com/product/product-slug ? Attribute_size=M
Где attribute_size - это имя атрибута, который вы используете для продукта. Если вы не уверены, какое именно имя вашего атрибута (возможно, потому, что вы не создали его как таксономию, но сделали это в интерфейсе бэкэнда продукта), проверьте на странице внешнего интерфейса <select>
тег data-attribute_name
значение. Это то, что вам нужно.
<select id="color" name="attribute_size" data-attribute_name="attribute_size" data-show_option_none="yes">
<option value="">Select an option</option>
<option value="S" class="attached enabled">Small</option>
<option value="M" class="attached enabled">Medium</option>
<option value="L" class="attached enabled">Large</option>
</select>
Важный
Я пробовал с парой сайтов с установленной Woocommerce, но с разными версиями. Я могу сказать вам, что он работает с Woocommerce 3.3.5, он не работает с 2.5.5. Ваш (3.2.0) находится между, но я уверен, что у вас есть эта функция.
Я только что попробовал это, и он работает с текущей версией WooCommerce с использованием параметра: attribute_pa_slug
Итак, если у моего товара-футболки есть атрибут с слагом «цвет», и я хочу предварительно выбрать «черный» термин / вариант, я могу использовать этот URL-адрес:
https://www.mywebsite.com/product/tshirt/?attribute_pa_color=black