Как реализовать вертикальный слайдер?

А самый обычный OwlCarousel плагин не подходит?

Как сделать товары под заказ woocommerce при импорте в магазин?

Артем: Например, мы хотим изменить текст кнопки "Добавить в корзину". Для этой задачи необходимо найти соответствующий фильтр. Ссылку я скидывал выше. За этот текст отвечает фильтр woocommerce_product_single_add_to_cart_text. Далее необходимо "прицепить" нашу функцию к данному вызову фильтра:

//Изменяем текст кнопки "Добавить в корзину"
add_filter( 'woocommerce_product_single_add_to_cart_text', 'woo_custom_cart_button_text' ); 
 
function woo_custom_cart_button_text() {
    return __( 'Свой текст кнопки', 'woocommerce' );
}

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

WooCommerce не добавляет больше 8 товаров?

Также интересует ответ на вопрос выше, потому что похоже на то, что вам необходимо в настройках WordPress (Админ панель -> Настройки -> Чтение) указать необходимое количество постов на главной странице (или на странице категории).

Как добавить такой блок?

Andrew_ST: По ссылке, которую я разместил в предыдущем посте, вы сможете найти все нужные хуки. Для summary есть два хука: "woocommerce_before_single_product_summary" и "woocommerce_after_single_product_summary". Вам, скорее всего, нужен именно первый, потому что это вывод перед блоком summary.

Как задать правильную анимацию?

Проще лучше всего действительно на jQuery, потому что на чистом CSS есть только :target, а это далеко не во всех браузерах работает.

Mozilla Firefox не хочет снимать скриншот всей страницы сайта, почему?

Тоже замечал такое.

Но вот нормальный плагин для Firefox: FireShot

Установил, а потом горячей клавишей CTRL+ALT+SHIFT+Z можно сделать скриншот всей страницы.

Как вывести переменную в атрибуте href и src?

Чтобы вывести переменную "link" в атрибут href:
$('.link-insta').attr('href',link);
А чтобы вывести переменную img в атрибут src:
$('img').attr('src',img);
Важно! У вас нет класса у изображения, его лучше задать (а лучше всего идентификатор), потому что на реальном сайте этот (второй) блок кода вставит src во все изображения на странице.