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

Новая бесплатная тема от WOO - Storefront

pikerstrow

Новичок
В functins.php вставьте код
PHP:
// вывести текст после блока логотипа
function my_text_storefront_header() {
    echo '<div class="bl-text-work">Время работы и другой текст</div>';
}
add_action('storefront_header', 'my_text_storefront_header', 25);
Результат на скриншоте.
Внешний вид можно будет поправить с помощью стилей.

Подскажите, а можно также текст вставить но не справа от логотипа, а под логотипом?
 

rikitiki

Специалист
Местный
Как вариант сделать фиксированную высоту под заголовок или подрезать заголовки средствами css, js.
Много раз обсуждалось на форуме
 

galiulinr

Опытный
Местный
Хорошая тема, сейчас как раз работаю над ней, пока вот что получается.

Безымянный.jpg

Может кому-то пригодятся наработки:
1. Вывод рейтинга над титлом товара, требуется установить плагин kk star ratings

Код:
function star_rating_title() {
 if(function_exists("kk_star_ratings")) : echo kk_star_ratings($pid); endif;
    }
add_action( 'woocommerce_single_product_summary', 'star_rating_title', 4 );

2. Кнопки поделиться

Код:
function product_sharing_title() {
 $product_title     = get_the_title();
        $product_url    = get_permalink();
        $product_img    = wp_get_attachment_url( get_post_thumbnail_id() );
        $facebook_url     = 'https://www.facebook.com/sharer/sharer.php?u=' . $product_url;
        $twitter_url    = 'https://twitter.com/intent/tweet?status=' . rawurlencode( $product_title ) . '+' . $product_url;
       $vk_url     = 'https://vk.com/share.php?url='. $product_url;
    $telegram_url     = 'https://t.me/share/url?url='. $product_url;
        echo '<div class="storefront-product-sharing"><ul>';
                echo '<li class="twitter"><a href='.$twitter_url.' target="_blank"> Поделиться в Twitter</a></li>';
                echo '<li class="facebook"><a href='.$facebook_url.' target="_blank"> Поделиться в Facebook</a></li>';
                echo '<li class="telegram"><a href='.$telegram_url.' target="_blank"> Поделиться Telegram</a></li>';
                echo '<li class="vk"><a href='. $vk_url.' target="_blank"> Поделиться ВКонтакте</a></li></ul></div>';       
    }
add_action( 'woocommerce_single_product_summary', 'product_sharing_title', 50 );

стиль CSS для кнопок
Код:
.storefront-product-sharing {
  clear: both; }
  .storefront-product-sharing ul {
    margin-left: 0; }
    .storefront-product-sharing ul li {
      list-style: none; }
      .storefront-product-sharing ul li a:before {
        font-family: "FontAwesome";
        font-weight: 400;
        margin-right: 1em; }
      .storefront-product-sharing ul li.facebook a:before {
        content: "\f230";
        color: #3b5998; }
      .storefront-product-sharing ul li.twitter a:before {
        content: "\f081";
        color: #00aced; }
.storefront-product-sharing ul li.vk a:before {
        content:"\f189";
        color:#466991;}
.storefront-product-sharing ul li.telegram a:before {
        content:"\f2c6";
        color: #0088cc;}
@media screen and (min-width: 768px) {
  .storefront-product-sharing {
    padding: 1.618em 0; }
    .storefront-product-sharing ul {
      margin: 0; }
      .storefront-product-sharing ul::after {
        clear: both;
        content: "";
        display: table; }
      .storefront-product-sharing ul li {
        width: 25%;
        float: left;
        text-align: center;
        border-right: 1px solid rgba(0, 0, 0, 0.05); }
        .storefront-product-sharing ul li:last-child {
          border-right: 0; }
        .storefront-product-sharing ul li a {
          display: block;
padding: 0 3px;
}
          .storefront-product-sharing ul li a:before {
            display: block;
            margin: 0 auto .007em;
            font-size: 2.618em;
            -webkit-transition: all, ease, 0.2s;
            -moz-transition: all, ease, 0.2s;
            transition: all, ease, 0.2s; }
          .storefront-product-sharing ul li a:hover:before {
            -webkit-transform: translateY(-0.236em);
            -moz-transform: translateY(-0.236em);
            -ms-transform: translateY(-0.236em);
            -o-transform: translateY(-0.236em);
            transform: translateY(-0.236em); } }
 

globus812

Новичок
Всем доброго времени суток! Подскажите, пожалуйста как удалить эти строчки?

В function.php дочерней темы прописать:
Код:
/* Удаление вывода формы сортировки по цене и т.п. со страниц каталога */
add_action( 'init', 'jk_remove_storefront_sorting_wrapper' );
function jk_remove_storefront_sorting_wrapper() {
    remove_action( 'woocommerce_after_shop_loop', 'storefront_sorting_wrapper', 9 );
    remove_action( 'woocommerce_before_shop_loop', 'storefront_sorting_wrapper', 9 );
}
add_action( 'init', 'jk_remove_woocommerce_catalog_ordering' );
function jk_remove_woocommerce_catalog_ordering() {
    remove_action( 'woocommerce_after_shop_loop', 'woocommerce_catalog_ordering', 10 );
    remove_action( 'woocommerce_before_shop_loop', 'woocommerce_catalog_ordering', 10 );
}
add_action( 'init', 'jk_remove_woocommerce_result_count' );
function jk_remove_woocommerce_result_count() {
    remove_action( 'woocommerce_after_shop_loop', 'woocommerce_result_count', 20 );
    remove_action( 'woocommerce_before_shop_loop', 'woocommerce_result_count', 20 );
}
add_action( 'init', 'jk_remove_storefront_sorting_wrapper_close' );
function jk_remove_storefront_sorting_wrapper_close() {
    remove_action( 'woocommerce_after_shop_loop', 'storefront_sorting_wrapper_close', 31 );
    remove_action( 'woocommerce_before_shop_loop', 'storefront_sorting_wrapper_close', 31 );
}
Это для удаления этой фразы вместе с сортировкой.
 
Последнее редактирование:

globus812

Новичок
В мобильной версии этой темы нет горизонтальной прокрутки в окне браузера. Поэтому большие таблицы невозможно прочитать. Кто-нибудь может знает как ее вернуть?
Установка в дочерней теме
body {
overflow-x: auto;
}
не помогает, так же как и overflow-x: scrol;
 

Slava135

Новичок
Подскажите как реализовать в своей теме (дочерней) вариант мобильного footera как в storefront? Там Аккаунт, поиск и корзина. Может есть примеры или ссылка где искать
 

Slava135

Новичок
Как отредактировать страницу Оформление заказа. Интересует изменение размеров полей блока Ваш заказ. очень мало места под вывод данных по доставке. Ее могу найти информацию
 

Lattey

Новичок
Подскажите плиз. В теме Sorefront есть удобная функция - показывает товары по выбранному атрибуту. (Если в карточке товара выбрать атрибут, например цвет - черный, то нажав на этот "черный" можно посмотреть все товары с аналогичным атрибутом).
Такой функционал можно поставить в другую тему (плагином или еще как)?
 

soum

Новичок
Подскажите как расположить логотип по центру и использовать свои размеры?
 
Сверху Снизу