Как изменить Woocommerce с помощью дочерей темы. Часть 10 — сопутствующие товары в записях блога

Автор: | 31.05.2020

В одной из статей мы создали записи блога и добавили их превью на главную страницу. Эти записи важны для SEO, чтобы привлекать больше посетителей в магазин. Но нужно еще превратить этих посетителей в покупателей. Чтобы читатель блога захотел купить ваш товар и точно знал, де его найти, нужно на страницу записи добавить связанные товары, которые он возможно захочет купить после прочтения статьи.

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

Для начала воспользуемся плагином ACF. Создадим новую группу и в ней поле (если не знаете, как это сделать, читайте здесь).

сопутствующие товары в записях блога

Важно, тип поля выбрать Отношение – записи,

сопутствующие товары в записях блога

а возвращаемый формат — ID записи.

сопутствующие товары в записях блога

Переходим на страницу блога и видим внизу новое поле.

сопутствующие товары в записях блога

Из левой части выбираем нужные нам товары и добавляем их в правую часть.

Переходим в functions.php

В предыдущих статьях мы узнали об actions hook и плагине Simply Show Hooks. С помощью этого плагина определяем, что нам нужно поменять хук storefront_post_content_after

/* Связанные товары на странице записи */

function carolinaspa_blog_releted_product(){

global $post;

$product_url = get_field('releted', $post->ID);

if($product_url):

    $product_url = join($product_url, ', ');?>  // получаем строку из ID записей

    <div>

    <h2>Связанные твары </h2>

    <?php echo do_shortcode('[products ids="'.$product_url.'"]')   ?>

    </div>

<?php endif;

     }

     add_action("storefront_post_content_after", "carolinaspa_blog_releted_product");

Как пользоваться шорткодами woocomerce читайте здесь.

В следующей статье мы создадим плагин, с помощью которого добавим слайдер на главную страницу.

Как изменить Woocommerce с помощью дочерей темы. Часть 12 — настройка страницы входа в систему
настройка страницы входа в систему

Стандартная страница входа на сайт wordPress выглядит не очень привлекательно. Read more

Как изменить Woocommerce с помощью дочерей темы. Часть 6 — Настройка страницы магазина
Настройка страницы магазина Woocommerce

В прошлых статьях мы изменили внешний вид главной станицы интернет-магазина Read more

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

4 × один =