Настройте мой WordPress-сайт так, чтобы кнопка «Добавить в корзину» появлялась, когда кто-то наводил курсор на товар.Я приложил осыпь

Question

Я очень хорошо понимаю WordPress, WooCommerce и Elementor на начальном уровне.Я все еще многому учусь.Я считаю, что лучший способ научиться подражать.Итак, я прохожу различные темы и пытаюсь имитировать их поведение и внешний вид, используя Elementor.Но эта конкретная тема привлекла мое внимание.Кнопка «Добавить в корзину» появляется, когда кто-то наводит курсор на изображение товара, а не постоянно находится там.Не могли бы вы, ребята, помочь мне разобраться в этом или, по крайней мере, указать мне правильное направление?

Так должно выглядеть, когда кто-то наводит курсор на изображения

Так выглядит при отсутствии указателя мыши

Answer 1

<a href="<?php the_permalink(); ?>" class="more">More info</a><?php
if($available){?><a href="<?php
                $add_to_cart = do_shortcode('[add_to_cart_url id="'.$post->ID.'"]');
                echo $add_to_cart;
?>" class="more">Buy now</a>
                    <?php 
                }

Этот код решает мою проблему, как и ожидалось.

Справочник по документации WooCommerce

1. Решение: Добавьте код в функцию вашей темы.php файл.

   add_action ('woocommerce_single_product_summary', 'my_extra_button_on_product_page', 30);

   функция my_extra_button_on_product_page () {global $ product;echo 'Добавить в корзину';}

2. Решение: Установить пользовательский WooCommerce Добавить в корзину плагин

Пользовательский WooCommerce Добавить в корзину Плагин

Решение: Вы можете использовать хуки с короткими кодами:

пользовательские кнопки добавления в корзину

Или создавать переопределения для файлов WooCommerce в своем собственном шаблоне