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

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

Тема в разделе "Темы для WooCommerce", создана пользователем D&B, 20 ноя 2014.

  1. Strannik

    Strannik

    Сообщения:
    42
    Симпатии:
    4
    Баллы:
    8
  2. pikerstrow

    pikerstrow

    Сообщения:
    15
    Симпатии:
    1
    Баллы:
    3
    Подскажите, а можно также текст вставить но не справа от логотипа, а под логотипом?
     
  3. lenarf87

    lenarf87

    Сообщения:
    1
    Симпатии:
    0
    Баллы:
    1
    Подскажи как сделал фон в меню и заголовке? В твоем случае две черточки горизонтальные
     
  4. tochini

    tochini

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

    rikitiki Местный

    Сообщения:
    836
    Симпатии:
    228
    Баллы:
    43
    Как вариант сделать фиксированную высоту под заголовок или подрезать заголовки средствами css, js.
    Много раз обсуждалось на форуме
     
  6. galiulinr

    galiulinr Местный

    Сообщения:
    205
    Симпатии:
    76
    Баллы:
    28
    Хорошая тема, сейчас как раз работаю над ней, пока вот что получается.

    Безымянный.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); } }
     
    • Нравится Нравится x 2
  7. globus812

    globus812

    Сообщения:
    4
    Симпатии:
    0
    Баллы:
    1
  8. globus812

    globus812

    Сообщения:
    4
    Симпатии:
    0
    Баллы:
    1
    В 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 );
    }
    
    Это для удаления этой фразы вместе с сортировкой.
     
    Последнее редактирование: 10 ноя 2017
  9. globus812

    globus812

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

    rikitiki Местный

    Сообщения:
    836
    Симпатии:
    228
    Баллы:
    43
    Кто-нибудь знает каким плагином загружается демо-контент?
    Я тут деактивировал плагины StoreFront, а потом опять активировал. Так вот при этом загрузился демо-контент, да ещё поступило предложение пошагово настроить тему. Теперь гадаю каким плагином это вызвано.
    Интересно, что это не тот контент который загружается через импорт WP с сайта WC.
    Картинки товара и главная страница выглядят примерно так:
    http://academdress.ru/
     
    Последнее редактирование: 12 ноя 2017
  11. Slava135

    Slava135

    Сообщения:
    2
    Симпатии:
    0
    Баллы:
    1
    Подскажите как реализовать в своей теме (дочерней) вариант мобильного footera как в storefront? Там Аккаунт, поиск и корзина. Может есть примеры или ссылка где искать
     
  12. Slava135

    Slava135

    Сообщения:
    2
    Симпатии:
    0
    Баллы:
    1
    Как отредактировать страницу Оформление заказа. Интересует изменение размеров полей блока Ваш заказ. очень мало места под вывод данных по доставке. Ее могу найти информацию