Woocommerce добавить изображение после добавления в корзину кнопку - PullRequest
0 голосов
/ 28 мая 2019

Это кажется странным, но я пытаюсь добавить фоновое изображение после элемента (кнопки), но по какой-то причине изображение не отображается.

    .single_add_to_cart_button:after {
        content: '';
        width: 50px;
        height: 9px;
        display: inline-block;
        background: url(/images/arrow.png);
        background-position: 50%;
        background-size: cover;
        background-repeat: no-repeat;
    }
<button type="submit" class="single_add_to_cart_button button alt disabled wc-variation-selection-needed">Place order</button>

По какой-то причине изображение не отображается, и я даже попытался использовать живой URL

Примечание. Если я попытаюсь использовать абзац, он будет работать так, как вы можете видеть на моей ручке здесь

Как добавить изображение из каталога шаблонов после кнопки добавления в корзину?

В более простом решении я попытался использовать ловушку, но я также изо всех сил пытаюсь получить доступ к изображению с помощью bloginfo:

add_action( 'woocommerce_after_add_to_cart_button', 'add_content_after_addtocart_button_func' );

function add_content_after_addtocart_button_func() {
    echo '<img src="<?php bloginfo("template_directory")/images/logo/logo.png">';   
}

Ответы [ 2 ]

1 голос
/ 28 мая 2019

Существует синтаксическая ошибка, так как вы используете <?php в выражении echo, а bloginfo($option) выводит значение, поэтому попросите вас использовать get_template_directory_uri(), чтобы получить путь к каталогу шаблона, который будет возвращать строку

Ваш код будет выглядеть так, как показано ниже:

add_action( 'woocommerce_after_add_to_cart_button', 'add_content_after_addtocart_button_func' );

function add_content_after_addtocart_button_func() {
    echo '<img src="'.get_template_directory_uri().'/images/logo/logo.png">';   
}
0 голосов
/ 28 мая 2019

Работает просто отлично (я добавил несколько дополнительных стилей)

.single_add_to_cart_button {
  background-color: #ededed;
  border: none;
  padding: 2rem;
  display: flex;
  align-items: center;
  font-size: 1rem;
  border-radius: 3px;
}

.single_add_to_cart_button:after {
  content: '';
  width: 4rem;
  height: 2rem;
  margin-left: 1rem;
  display: inline-block;
  background: url(http://www.gentleface.com/i/free_toolbar_icons_16x16_black.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
<button type="submit" class="single_add_to_cart_button button alt disabled wc-variation-selection-needed">Place order</button>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...