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

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

llogi

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

llogi

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

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

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.
PHP:
remove_action( 'woocommerce_before_shop_loop', 'woocommerce_catalog_ordering', 10 );
 

llogi

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

searchingman

Гуру
Местный
Спасибо. Но, как убрать сортировку внизу сайта?
И я убрал сверху сайта надпись "Показ всех-..." . А как убрать снизу?
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 );
 

llogi

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

llogi

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

searchingman

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