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

Настройка сетки товаров (кол-ва)

Тема в разделе "Вопросы новичков", создана пользователем llogi, 6 июл 2015.

  1. llogi

    llogi

    Сообщения:
    16
    Симпатии:
    0
    Баллы:
    1
    Всем доброго времени суток!
    Тема. Storefront.
    Дабы всё было понятно, я нарисовал "макет".
    [​IMG]
     
  2. llogi

    llogi

    Сообщения:
    16
    Симпатии:
    0
    Баллы:
    1
    Поставил плагин WooCommerce Product Archive Customiser. Выставил 4 столбца, но после сохранения на странице магазина, стало 2 столбца.
    Так понимаю, нужно увеличить ширину, дабы уместились 4 столбца. Но как?
     
    Последнее редактирование: 6 июл 2015
  3. searchingman

    searchingman Местный

    Сообщения:
    1.634
    Симпатии:
    553
    Баллы:
    113
    Вопросы по верстке лучше сопровождать ссылкой на "пациента".
     
  4. llogi

    llogi

    Сообщения:
    16
    Симпатии:
    0
    Баллы:
    1
    http://rub4.hol.es/ Сейчас в настройках выставлено 4 столбца
     
  5. searchingman

    searchingman Местный

    Сообщения:
    1.634
    Симпатии:
    553
    Баллы:
    113
    Поправьте стили
    @media screen and (min-width: 768px)
    .right-sidebar .content-area {
    width: 100%;
    float: left;
    margin-right: 4.347826087%;
    }

    @media screen and (min-width: 768px)
    .site-main ul.products li.product {
    width: 20%; /* ширина колонки */
    float: left;
    margin-right: 5.8823529412%;
    }
    После применения стилей выглядит так. http://take.ms/fieE3
     
    Последнее редактирование: 8 июл 2015
  6. llogi

    llogi

    Сообщения:
    16
    Симпатии:
    0
    Баллы:
    1
    Что я сделал не так? Этот код я исправил
    media screen and (min-width: 768px)
    .right-sidebar .content-area {
    width: 100%;
    float: left;
    margin-right: 4.347826087%;
    }

    Вот этого я не нашел, поэтому просто вставил.

    .site-main ul.products li.product {
    width: 20%; /* ширина колонки */
    float: left;
    margin-right: 5.8823529412%;
     
  7. searchingman

    searchingman Местный

    Сообщения:
    1.634
    Симпатии:
    553
    Баллы:
    113
    Чтобы сработало поправьте
    width: 20%;
    на
    width: 20%!important;
     
    Последнее редактирование: 8 июл 2015
  8. llogi

    llogi

    Сообщения:
    16
    Симпатии:
    0
    Баллы:
    1
    Без изменений... =(

    [​IMG]
     
  9. searchingman

    searchingman Местный

    Сообщения:
    1.634
    Симпатии:
    553
    Баллы:
    113
    • Нравится Нравится x 1
  10. llogi

    llogi

    Сообщения:
    16
    Симпатии:
    0
    Баллы:
    1
    searchingman, огромное вам спасибо.:)
     
  11. llogi

    llogi

    Сообщения:
    16
    Симпатии:
    0
    Баллы:
    1
    А размер миниатюр на главной можно изменить? А то они обрезаются автоматически, и задать размер через настройки не получается.
     
  12. searchingman

    searchingman Местный

    Сообщения:
    1.634
    Симпатии:
    553
    Баллы:
    113
    Для физического изменения размера воспользуйтесь плагином Regenerate Thumbnails
     
    • Нравится Нравится x 1
  13. llogi

    llogi

    Сообщения:
    16
    Симпатии:
    0
    Баллы:
    1
    Ребята, как убрать сортировку woocommerce?
    Добавил следующий код в functions.php, но не помогло.
    remove_action( 'woocommerce_before_shop_loop', 'woocommerce_catalog_ordering', 30 );
     
  14. searchingman

    searchingman Местный

    Сообщения:
    1.634
    Симпатии:
    553
    Баллы:
    113
    Зависит от темы, н-р, для storefront.
    PHP:
    remove_action'woocommerce_before_shop_loop''woocommerce_catalog_ordering'10 );
     
    • Нравится Нравится x 1
  15. llogi

    llogi

    Сообщения:
    16
    Симпатии:
    0
    Баллы:
    1
    Спасибо. Но, как убрать сортировку внизу сайта?
    И я убрал сверху сайта надпись "Показ всех-..." . А как убрать снизу?
    PHP:
    remove_action 'woocommerce_before_shop_loop''woocommerce_result_count'20 )
     
  16. searchingman

    searchingman Местный

    Сообщения:
    1.634
    Симпатии:
    553
    Баллы:
    113
    Для темы storefront
    PHP:
    remove_action'woocommerce_after_shop_loop''woocommerce_catalog_ordering'10 );
    remove_action'woocommerce_after_shop_loop','woocommerce_result_count'20 );
     
    • Нравится Нравится x 1
  17. llogi

    llogi

    Сообщения:
    16
    Симпатии:
    0
    Баллы:
    1
    Как убрать, или расширить рамку при нажатие на товар?
    [​IMG]
     
  18. searchingman

    searchingman Местный

    Сообщения:
    1.634
    Симпатии:
    553
    Баллы:
    113
    В http://rub4.hol.es/wp-content/themes/storefront/style.css уберите или закомментируйте
    Код:
      a:focus {
        outline: 1px solid #96588a; }
     
    • Нравится Нравится x 1
    • Симпатия Симпатия x 1
  19. llogi

    llogi

    Сообщения:
    16
    Симпатии:
    0
    Баллы:
    1
    Как убрать, вот эту часть на страницах?
    [​IMG]
     
  20. searchingman

    searchingman Местный

    Сообщения:
    1.634
    Симпатии:
    553
    Баллы:
    113
    Если убрать блок "хлебных крошек" нужно только на страницах, то с помощью кода в funtions.php для темы storefront.
    PHP:
    function my_breadcrumb() {
        if (
    is_page()) remove_action('storefront_content_top''woocommerce_breadcrumb'10 );
    }
    add_action('wp_head','my_breadcrumb');
    После этого нужно еще поправить стили на страницах, чтобы контент не "прилипал" к хедеру.
     
    • Нравится Нравится x 1