Введите часть искомого слова, названия или фразы...
↑ ↓
  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 Местный

    Сообщения:
    822
    Симпатии:
    222
    Баллы:
    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