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

[Strannik]

Хорошая тема. Сделала у себя. http://carlopazolini.crew.in.ua/

Тема действительно впечатляет и вот что у меня получилось >>> http://best-fragrances.ru/, http://zdorovye116.ru/

 

[pikerstrow]

В functins.php вставьте код

// вывести текст после блока логотипа
function my_text_storefront_header() {
    echo '<div class="bl-text-work">Время работы и другой текст</div>';
}
add_action('storefront_header', 'my_text_storefront_header', 25);

Результат на скриншоте.
Внешний вид можно будет поправить с помощью стилей.

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

 

[lenarf87]

Тема действительно впечатляет и вот что у меня получилось >>> http://best-fragrances.ru/, http://zdorovye116.ru/

Подскажи как сделал фон в меню и заголовке? В твоем случае две черточки горизонтальные

 

[tochini]

Добрый день! Подскажите, пожалуйста, как выровнять товары, чтобы не плясали в зависимости от длины заголовка
http://cosmetic-shop.su/

 

[rikitiki]

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

 

[galiulinr]

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



Может кому-то пригодятся наработки:
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]

Тема действительно впечатляет и вот что у меня получилось >>> http://best-fragrances.ru/, http://zdorovye116.ru/

Подскажите, пожалуйста, как вы сделали табличную форму выведения товаров каталога https://best-fragrances.ru/topics/parfumeriay-zhenskay/?

 

[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]

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

 

[Yogamat]

В functions.php свой темы вставить код

add_filter('woocommerce_sale_flash', 'my_custom_sale_flash', 10, 3);
function my_custom_sale_flash($text, $post, $_product) {
    return '<span class="onsale">Цена снижена.</span>';}

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