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

Решено Добавить произвольный блок на страницу товара через functions.php

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

  1. Ollti

    Ollti

    Сообщения:
    31
    Симпатии:
    7
    Баллы:
    8
    Добрый день.

    Подскажите пожалуйста, как добавить произвольный блок, например div на страницу товара.
    Требуется добавить социальные кнопки под кратким описанием и кнопкой купить.

    Нет желания использовать для этого плагин. С нужным набором соц сетей сложно найти такой.
    Код, который нужно вставить:
    Спасибо!
     
  2. searchingman

    searchingman Местный

    Сообщения:
    1.634
    Симпатии:
    553
    Баллы:
    113
    На примере темы Storefront выведем кнопки только на странице товара.
    В functions.php темы вставляем следующий код.
    PHP:
    // подключаем внешние скрипты только на странице товара
    function my_scripts_yastatic() {   
        
    wp_enqueue_script'es5-shims''//yastatic.net/es5-shims/0.0.2/es5-shims.min.js');
        
    wp_enqueue_script'share''//yastatic.net/share2/share.js');
    }
    function 
    add_my_script_yastatic() {
        if (
    is_product()) add_action'wp_enqueue_scripts''my_scripts_yastatic' );
    }
    add_action('wp''add_my_script_yastatic');

    // добавляем нужные кнопки под кнопкой "купить"
    function  my_share_yastatic() {
        echo 
    '<div class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,viber,whatsapp" data-counter=""></div>';
    }
    add_action"woocommerce_single_product_summary""my_share_yastatic"35 );
    Результат на скриншоте.
     
    • Нравится Нравится x 5
  3. Ollti

    Ollti

    Сообщения:
    31
    Симпатии:
    7
    Баллы:
    8
    Спасибо! Надеюсь будет полезно не только мне.
     
    • Согласен Согласен x 1
  4. Umka

    Umka

    Сообщения:
    26
    Симпатии:
    0
    Баллы:
    1
    Здравствуйте! Скажите пожалуйста, как убрать из всего этого кнопку "WhatsApp" и можно ли сместить данные значки немного правее, а то он вставился у меня прям под кнопкой " в избранные" что будет не очень удобно. Ниже скрин
     

    Вложения:

    • ычычы.PNG
      ычычы.PNG
      Размер файла:
      141,6 КБ
      Просмотров:
      8
  5. searchingman

    searchingman Местный

    Сообщения:
    1.634
    Симпатии:
    553
    Баллы:
    113
    Уберите в используемом коде whatsapp из data-services .
     
  6. Umka

    Umka

    Сообщения:
    26
    Симпатии:
    0
    Баллы:
    1
    ага, спасибо! а сместить эти кнопки никак?
     
  7. Ollti

    Ollti

    Сообщения:
    31
    Симпатии:
    7
    Баллы:
    8
    Вставьте в style.css дочерней темы, если таковой нет, то в основную, но после обновления все изменения от туда удалятся.

    Код:
    .ya-share2.ya-share2_inited {margin: 5px 0px 12px 14px;}
    где 5px - отступ сверху, 0 - справа, 12 - снизу, 14 сверху. Величины задавайте любые, как нравятся. Значения можно указывать в px, em, %.

    В идеале, добавить этот код под медиазапрос, для экранов с разрешением больше 768px, то есть пк, а для мобильных свои стили.
    Код:
    @media (min-width: 768px) {
    .ya-share2.ya-share2_inited {
        margin: 5px 5px 15px 15px;
    }}
     
    • Нравится Нравится x 3
  8. Umka

    Umka

    Сообщения:
    26
    Симпатии:
    0
    Баллы:
    1
    Спасибо, учту=)