Esl 1.7 представляє новий do_action динамічний тег, який призначений для вирішення більшості проблем з сумісністю між Esl та сторонніми плагінами WooCommerce. Цей новий динамічний тег не лише усуває ці проблеми, але й покращує гнучкість дизайну, дозволяючи користувачам розміщувати хуки де завгодно.
Ця стаття проведе вас через шаблони, які необхідно оновити з новим do_action динамічним тегом, хоча цей крок є необов’язковим, якщо ваш веб-сайт WooCommerce, створений за допомогою Esl, вже працює належним чином.
Зверніть увагу, що при використанні динамічного тега do_action з певними хуками, Esl зазвичай видалить деякі рідні дії WooCommerce, щоб запобігти дублюванню контенту.
woocommerce_template_loop_ratingwoocommerce_template_loop_price
Список дій WooCommerce, які були видалені Esl при використанні тега do_action
| Гачок | Дії, видалені Esl, Пріоритет |
|---|---|
| woocommerce_before_shop_loop_item | woocommerce_template_loop_product_link_open, 10 |
| woocommerce_before_shop_loop_item_title | woocommerce_show_product_loop_sale_flash, 10 woocommerce_template_loop_product_thumbnail, 10 |
| woocommerce_shop_loop_item_title | woocommerce_template_loop_product_title, 10 |
| woocommerce_after_shop_loop_item_title | woocommerce_template_loop_rating, 5 woocommerce_template_loop_price, 10 |
| woocommerce_after_shop_loop_item | woocommerce_template_loop_product_link_close, 5 woocommerce_template_loop_add_to_cart, 10 |
| woocommerce_before_single_product_summary | woocommerce_show_product_sale_flash, 10 woocommerce_show_product_images, 20 |
| woocommerce_single_product_summary | woocommerce_template_single_title, 5 woocommerce_template_single_rating, 10 woocommerce_template_single_price, 10 woocommerce_template_single_excerpt, 20 woocommerce_template_single_add_to_cart, 30 woocommerce_template_single_meta, 40 woocommerce_template_single_sharing, 50 |
| woocommerce_after_single_product_summary | woocommerce_output_product_data_tabs, 10 woocommerce_upsell_display, 15 woocommerce_output_related_products, 20 |
| woocommerce_before_main_content | woocommerce_output_content_wrapper, 10 woocommerce_breadcrumb, 20 |
| woocommerce_archive_description | woocommerce_taxonomy_archive_description, 10 woocommerce_product_archive_description, 10 |
| woocommerce_before_shop_loop | woocommerce_result_count, 20 woocommerce_catalog_ordering, 30 |
| woocommerce_after_shop_loop | woocommerce_pagination, 10 |
| woocommerce_after_main_content | woocommerce_output_content_wrapper_end, 10 |
| woocommerce_cart_is_empty | wc_empty_cart_message, 10 |
Гачки шаблону одиничного продукту WooCommerce
Для шаблону одиничного продукту WooCommerce рекомендується використовувати наступні гачки із динамічним тегом do_action:
{do_action:woocommerce_before_single_product}– Важливо (повідомлення WooCommerce){do_action:woocommerce_before_single_product_summary}{do_action:woocommerce_single_product_summary}{do_action:woocommerce_after_single_product_summary}{do_action:woocommerce_after_single_product}
Хуки шаблону архіву продуктів WooCommerce
Для шаблону архіву продуктів WooCommerce рекомендується використовувати такі хуки з динамічним тегом do_action:
{do_action:woocommerce_archive_description}{do_action:woocommerce_before_shop_loop}– Важливо (повідомлення WooCommerce){do_action:woocommerce_before_shop_loop_item}{do_action:woocommerce_before_shop_loop_item_title}{do_action:woocommerce_shop_loop_item_title}{do_action:woocommerce_after_shop_loop_item_title}{do_action:woocommerce_after_shop_loop_item}{do_action:woocommerce_after_shop_loop}
У Esl 1.7 динамічні теги do_action хуки будуть автоматично включені в поля елементів Продуктів (тільки для нововведених елементів Продуктів).
Хуки шаблону порожньої кошика WooCommerce
Для шаблону порожньої кошика WooCommerce рекомендується використовувати наступний хук з динамічним тегом do_action:
{do_action:woocommerce_cart_is_empty}– Важливо (повідомлення WooCommerce)
Хуки шаблону кошика WooCommerce
Для шаблону кошика WooCommerce рекомендується використовувати такі хуки з динамічним тегом do_action:
{do_action:woocommerce_before_cart}– Важливо (повідомлення WooCommerce){do_action:woocommerce_before_cart_collaterals}{do_action:woocommerce_after_cart}
Шаблон оплати WooCommerce
Для шаблону оплати WooCommerce рекомендується використовувати наступні хуки з динамічним тегом do_action:
{do_action:woocommerce_pay_order_before_payment}
Слідуючи цьому посібнику, ви можете переконатися, що шаблони, створені в Esl, повністю сумісні з WooCommerce і що всі необхідні дії та деталі відображаються так, як передбачалося.