• Вопрос без рабочей ссылки на проблему считается риторическим. Без ссылки и скриншота - провокацией!

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

Image CMS

llogi

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

llogi

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

searchingman

Гуру
Местный
#5
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

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

Гуру
Местный
#7
Чтобы сработало поправьте
width: 20%;
на
width: 20%!important;
 
Последнее редактирование:

llogi

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

llogi

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

searchingman

Гуру
Местный
#14
Ребята, как убрать сортировку woocommerce?
Добавил следующий код в functions.php, но не помогло.
remove_action( 'woocommerce_before_shop_loop', 'woocommerce_catalog_ordering', 30 );
Зависит от темы, н-р, для storefront.
PHP:
remove_action( 'woocommerce_before_shop_loop', 'woocommerce_catalog_ordering', 10 );
 

llogi

Новичок
#15
Зависит от темы, н-р, для storefront.
PHP:
remove_action( 'woocommerce_before_shop_loop', 'woocommerce_catalog_ordering', 10 );
Спасибо. Но, как убрать сортировку внизу сайта?
И я убрал сверху сайта надпись "Показ всех-..." . А как убрать снизу?
PHP:
remove_action ( 'woocommerce_before_shop_loop', 'woocommerce_result_count', 20 )
 

searchingman

Гуру
Местный
#16
Спасибо. Но, как убрать сортировку внизу сайта?
И я убрал сверху сайта надпись "Показ всех-..." . А как убрать снизу?
PHP:
remove_action ( 'woocommerce_before_shop_loop', 'woocommerce_result_count', 20 )
Для темы storefront
PHP:
remove_action( 'woocommerce_after_shop_loop', 'woocommerce_catalog_ordering', 10 );
remove_action( 'woocommerce_after_shop_loop','woocommerce_result_count', 20 );
 

searchingman

Гуру
Местный
#20
Как убрать, вот эту часть на страницах?
Если убрать блок "хлебных крошек" нужно только на страницах, то с помощью кода в funtions.php для темы storefront.
PHP:
function my_breadcrumb() {
    if (is_page()) remove_action('storefront_content_top', 'woocommerce_breadcrumb', 10 );
}
add_action('wp_head','my_breadcrumb');
После этого нужно еще поправить стили на страницах, чтобы контент не "прилипал" к хедеру.