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

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

В 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); } }
 
Всем доброго времени суток! Подскажите, пожалуйста как удалить эти строчки?

В 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 );
}
Это для удаления этой фразы вместе с сортировкой.
 
Последнее редактирование:
В мобильной версии этой темы нет горизонтальной прокрутки в окне браузера. Поэтому большие таблицы невозможно прочитать. Кто-нибудь может знает как ее вернуть?
Установка в дочерней теме
body {
overflow-x: auto;
}
не помогает, так же как и overflow-x: scrol;
 

rikitiki

Специалист
Местный
Кто-нибудь знает каким плагином загружается демо-контент?
Я тут деактивировал плагины StoreFront, а потом опять активировал. Так вот при этом загрузился демо-контент, да ещё поступило предложение пошагово настроить тему. Теперь гадаю каким плагином это вызвано.
Интересно, что это не тот контент который загружается через импорт WP с сайта WC.
Картинки товара и главная страница выглядят примерно так:
http://academdress.ru/
 
Последнее редактирование:
Подскажите как реализовать в своей теме (дочерней) вариант мобильного footera как в storefront? Там Аккаунт, поиск и корзина. Может есть примеры или ссылка где искать
 
Как отредактировать страницу Оформление заказа. Интересует изменение размеров полей блока Ваш заказ. очень мало места под вывод данных по доставке. Ее могу найти информацию
 

Lattey

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