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

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

Тема в разделе "Вопросы новичков", создана пользователем 000, 11 сен 2016.

  1. 000

    000

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

    Вложения:

    • 333.png
      333.png
      Размер файла:
      72,3 КБ
      Просмотров:
      11
    • 2222.png
      2222.png
      Размер файла:
      177,4 КБ
      Просмотров:
      11
    • 11111.png
      11111.png
      Размер файла:
      149,1 КБ
      Просмотров:
      11
  2. 000

    000

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

    searchingman Местный

    Сообщения:
    1.634
    Симпатии:
    553
    Баллы:
    113
    Верстку подсказывать по картинкам - неблагодарное дело.
    Тогда, общий принцип на примере темы 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' вправо (см. скриншот).

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

    000

    Сообщения:
    3
    Симпатии:
    0
    Баллы:
    1

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

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