WooCommerce - Переместить названия над иконками продуктов в категории странице

Question

нужно перенести название продуктов, в то время как я просматриваю страницу категории, над эскизами

Деталь:

я создал страницу магазина, где я показываю только категории. Каждая категория содержит от 1 до 10 продуктов.

Как только я нажму категорию, я приземлюсь на страницу, где я вижу все продукты этой категории.

Я хотел бы видеть названия этих продуктов, появляющиеся поверх их миниатюр.

Спасибо

Answer 1

Несколько более подробно, относящиеся к вашей parituclar установки необходимы, чтобы дать правильный ответ. Тем не менее, я собираюсь предположить, что у вас все по умолчанию. Это то, что вам нужно будет добавить в конце functions.php в вашей активной папке темы:

remove_action('woocommerce_before_shop_loop_item_title', 'woocommerce_template_loop_product_thumbnail', 10); 
add_action('woocommerce_after_shop_loop_item_title', 'woocommerce_template_loop_product_thumbnail', 10); 

Для справки, проверить https://github.com/woothemes/woocommerce/blob/master/templates/content-product.php и https://github.com/woothemes/woocommerce/blob/master/includes/wc-template-hooks.php

Если это не работает, проверьте:

• , что вы используете последнюю версию woocommerce. На самом деле несколько версий назад должны работать одинаково, но не слишком далеко назад.
• что ваши шаблоны woocommerce не перезаписаны. Проверьте папку темы для файла content-product.php или в подпапке woocommerce/content-product.php. Если это было изменено, вам необходимо соответствующим образом скорректировать, возможно, внеся необходимые изменения.
• что ваша тема еще не путается с крючками дисплея продукта. Если да, узнайте, что по-другому.

Обратите внимание, что это изменяет поведение для всех циклов woocommerce, таких как любые короткие коды, которые вы могли бы использовать, и раздел «связанные продукты» в представлении одного продукта, если это разрешено. Чтобы повлиять только на категории, изменения должны быть завернуты в проверку состояния (is_product_category()).

Answer 2

Если поместить код в плагин, вы должны ждать WooCommerce загрузки:

add_action('plugins_loaded', function() 
{ 
    // move product's title before product thumbnail instead of next to that 
    remove_action('woocommerce_single_product_summary', 'woocommerce_template_single_title', 5); 
    add_action('woocommerce_before_single_product_summary', 'woocommerce_template_single_title'); 
} 

Answer 3

Добавлен этот CSS для названия продукта, и она работала хорошо для меня. Конечно, я использовал медиа-запрос.

position: absolute; 
top: 0px;