• Никакой политики на форуме. Иначе - бан!
  • Вопрос без рабочей ссылки на проблему считается риторическим. Без ссылки и скриншота - провокацией!
  • Темы озаглавленные с маленькой буквы или капсом удаляются без предупреждения!

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

000

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

Вложения

  • 333.png
    333.png
    72.3 KB · Просмотры: 14
  • 2222.png
    2222.png
    177.4 KB · Просмотры: 14
  • 11111.png
    11111.png
    149.1 KB · Просмотры: 15

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 темы код обертки:
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 темы код обертки:
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. дальше стилями. спасибо.....

надо было утром сюда написать))))))
 
Сверху Снизу