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

[llogi]

Всем доброго времени суток!
Тема. Storefront.
Дабы всё было понятно, я нарисовал "макет".

Спойлер: визуальное объяснение

 

[llogi]

Поставил плагин WooCommerce Product Archive Customiser. Выставил 4 столбца, но после сохранения на странице магазина, стало 2 столбца.
Так понимаю, нужно увеличить ширину, дабы уместились 4 столбца. Но как?

 

[searchingman]

Вопросы по верстке лучше сопровождать ссылкой на "пациента".

 

[llogi]

Вопросы по верстке лучше сопровождать ссылкой на "пациента".

http://rub4.hol.es/ Сейчас в настройках выставлено 4 столбца

 

[searchingman]

http://rub4.hol.es/ Сейчас в настройках выставлено 4 столбца

Поправьте стили
@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

 

[llogi]

Что я сделал не так? Этот код я исправил
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%;

 

[searchingman]

Чтобы сработало поправьте
width: 20%;
на
width: 20%!important;

 

[llogi]

Без изменений... =(

Чтобы сработало поправьте
width: 20%;
на
width: 20%!important;

Спойлер: Скрин

 

[searchingman]

Вроде все хорошо.
http://take.ms/UcBk8

 

[llogi]

searchingman, огромное вам спасибо.

 

[llogi]

А размер миниатюр на главной можно изменить? А то они обрезаются автоматически, и задать размер через настройки не получается.

 

[searchingman]

Для физического изменения размера воспользуйтесь плагином Regenerate Thumbnails

 

[llogi]

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

 

[searchingman]

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

Зависит от темы, н-р, для storefront.

remove_action( 'woocommerce_before_shop_loop', 'woocommerce_catalog_ordering', 10 );

 

[llogi]

Зависит от темы, н-р, для storefront.

remove_action( 'woocommerce_before_shop_loop', 'woocommerce_catalog_ordering', 10 );

Спасибо. Но, как убрать сортировку внизу сайта?
И я убрал сверху сайта надпись "Показ всех-..." . А как убрать снизу?

remove_action ( 'woocommerce_before_shop_loop', 'woocommerce_result_count', 20 )

 

[searchingman]

Спасибо. Но, как убрать сортировку внизу сайта?
И я убрал сверху сайта надпись "Показ всех-..." . А как убрать снизу?

remove_action ( 'woocommerce_before_shop_loop', 'woocommerce_result_count', 20 )

Для темы storefront

remove_action( 'woocommerce_after_shop_loop', 'woocommerce_catalog_ordering', 10 );
remove_action( 'woocommerce_after_shop_loop','woocommerce_result_count', 20 );

 

[llogi]

Как убрать, или расширить рамку при нажатие на товар?

Спойлер: скрин

 

[searchingman]

Как убрать, или расширить рамку при нажатие на товар?

В http://rub4.hol.es/wp-content/themes/storefront/style.css уберите или закомментируйте

  a:focus {
    outline: 1px solid #96588a; }

 

[llogi]

Как убрать, вот эту часть на страницах?

Спойлер: Скрин

 

[searchingman]

Как убрать, вот эту часть на страницах?

Спойлер: Скрин

Если убрать блок "хлебных крошек" нужно только на страницах, то с помощью кода в funtions.php для темы storefront.

function my_breadcrumb() {
    if (is_page()) remove_action('storefront_content_top', 'woocommerce_breadcrumb', 10 );
}
add_action('wp_head','my_breadcrumb');

После этого нужно еще поправить стили на страницах, чтобы контент не "прилипал" к хедеру.