Решено Оформление товара

[000]

Привет.
как сделать??????
описание товара,цену, и кнопку купить, справа от фото товара.
WordPress 4.6.1 с темой оформления Azera Shop.
WooCommerce– 2.6.1
целый день рыл, ничего не нарыл.

 

[000]

мне нужно что было как на картинке 11111.png сейчас как 2222.png, 333.png это код html после генерации.
у заголовка, описание, все через <p> где найти их чтоб обвернуть в div и дать классы.
сайт на локальном сервере,показать не смогу((((((

 

[searchingman]

Верстку подсказывать по картинкам - неблагодарное дело.
Тогда, общий принцип на примере темы Storefront.
1. За вывод блоков товаров на страницах категорий отвечает шаблон \wp-content\plugins\woocommerce\templates\content-product.php, в котором кроме хуков ничего нет. Информация по хукам нужна, чтобы понять в какие места нужно вставлять начало и окончанию блока. (см. п.3)
2. В <div> нужно обернуть все объекты, начиная с заголовка и заканчивая кнопкой "Добавить в корзину".
3. Вставляем в function.php темы код обертки:

add_action( 'woocommerce_before_shop_loop_item_title', 'div_start_loop_product_block', 25 );
function div_start_loop_product_block() {
    echo '<div class="my_loop_product">';
}
add_action( 'woocommerce_after_shop_loop_item', 'div_end_loop_product_block', 25 );
function div_end_loop_product_block() {
    echo '</div><!-- /my_loop_product-->';
}

Получаем объекты в <div class="my_loop_product>Список объектов</div>
4. С помощью стилей выравниваем картинку влево, новый блок 'my_loop_product' вправо (см. скриншот).

Возможно еще что-то придется "подравнять" с помощью стилей.

 

[000]

Верстку подсказывать по картинкам - неблагодарное дело.
Тогда, общий принцип на примере темы Storefront.
1. За вывод блоков товаров на страницах категорий отвечает шаблон \wp-content\plugins\woocommerce\templates\content-product.php, в котором кроме хуков ничего нет. Информация по хукам нужна, чтобы понять в какие места нужно вставлять начало и окончанию блока. (см. п.3)
2. В <div> нужно обернуть все объекты, начиная с заголовка и заканчивая кнопкой "Добавить в корзину".
3. Вставляем в function.php темы код обертки:

add_action( 'woocommerce_before_shop_loop_item_title', 'div_start_loop_product_block', 25 );
function div_start_loop_product_block() {
    echo '<div class="my_loop_product">';
}
add_action( 'woocommerce_after_shop_loop_item', 'div_end_loop_product_block', 25 );
function div_end_loop_product_block() {
    echo '</div><!-- /my_loop_product-->';
}

Получаем объекты в <div class="my_loop_product>Список объектов</div>
4. С помощью стилей выравниваем картинку влево, новый блок 'my_loop_product' вправо (см. скриншот).

Возможно еще что-то придется "подравнять" с помощью стилей.

спасибо большое, обвернулся в div. дальше стилями. спасибо.....

надо было утром сюда написать))))))