Как применить свой class В woocommerce для категории товаров и для карточки товара?

Question

Полина Нефедова @stvik

сама себе делаю сайт

WooСommerce

Как применить свой class В woocommerce для категории товаров и для карточки товара?

Всем добрый день ребят я не программист и для меня это лес но я все таки чуток разобрался что да как и вот передо мной встала проблема. когда дошел до дизайна карточки товара и категории товара не могу задать свой класс для каждого не для заголовков не до картинок. Получается если я беру какой нибудь класс который есть задаю для этого свои параметры то он меняется как и в категории так и на карточки товара. Вот как не научиться дописывать свои класс? помогите плиззззз) а то уже 3 сутки пошли мозг кипит

Вопрос задан более трёх лет назад
588 просмотров

Комментировать

Подписаться 1 Простой Комментировать

Решения вопроса 2

Комментировать

9 комментариев

Пычев Анатолий @pton
Для обсуждения используйте комментарии.

вот где найти мне этот боди ?
Это говорит о том, что Вам следует изучить основы вертки. Хотя бы несколько начальных видеороликов в youtube. Тег <body> это обрамляющий тег контента страницы.
Также просмотрите несколько роликов по оновам css.

Получается если я беру какой нибудь класс который есть задаю для этого свои параметры то он меняется как и в категории так и на карточки товара.
Вы берете классы общие для карточек подкатегорий и товаров. Решение - использовать различные классы. Скорее всего у Вас карточка подкатегории имеет класс product-category а карточка товара type-product

Но если Вы хотите добавить свои классы, то Вам необходимо использовать хуки Wordpress.
Добавляение пользовательских классов css

/** * Добавляет css класс в карточку подкатегории на странице архива. * * @param array $classes One or more classes to add to the class list. * @param string|array $class One or more classes to add to the class list. * @param object $category object Optional. * * @return array */ function pancode_product_cat_add_myclass( $classes, $class, $category ) { $classes[] = 'my-cat-class'; return $classes; } add_filter( 'product_cat_class', 'pancode_product_cat_add_myclass', 10, 3 ); /** * Добавляет css класс в карточку товара на странице архива. * * @param array $classes One or more classes to add to the class list. * @param WC_Product $product Product object. * @return array */ function pancode_product_add_myclass( $classes, $product ) { $classes[] = 'my-product-class'; return $classes; } add_filter( 'woocommerce_post_class', 'pancode_product_add_myclass', 10, 2 );

Это можно вставить в файл functions.php Вашей темы
Написано более трёх лет назад
Полина Нефедова @stvik Автор вопроса

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

Написано более трёх лет назад
Полина Нефедова @stvik Автор вопроса

у вас вк ?

Написано более трёх лет назад
Пычев Анатолий @pton

Что не получилось?
Просто добавьте код который я написал в Ваш function.php

Написано более трёх лет назад
Полина Нефедова @stvik Автор вопроса

я написала. А дальше что я не поняла ((((

Написано более трёх лет назад
Полина Нефедова @stvik Автор вопроса

/**
* Добавляет css класс в карточку товара на странице архива.
*
* @param array $classes One or more classes to add to the class list.
* @param WC_Product $product Product object.
* return array
*/
function pancode_product_add_myclass( $classes, $product ) {
$classes[] = 'my-product-class';
return $classes;
}
add_filter( 'woocommerce_post_class', 'pancode_product_add_myclass', 10, 2 );

я вставила вот этот год в functions.php а дальше что делать ) я чайник у меня опыта пару недель ))

Написано более трёх лет назад
Полина Нефедова @stvik Автор вопроса

Написано более трёх лет назад
Полина Нефедова @stvik Автор вопроса

да я вставила задала классу .my-product-class {border: 3px solid #001e43; } и у меня на карточке появилась граница но почему то она же и появилась уже в самом товаре ввиди линии . что делать ?

Написано более трёх лет назад
Полина Нефедова @stvik Автор вопроса

stkuhni.ru/product-category/kuhnya/kuhnya-1 посмотри пожалуйста

Написано более трёх лет назад

Пригласить эксперта

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы

WooСommerce

Простой
Можно ли в woocommerce 9 использовать шаблоны из woocommerce 8?
- 1 подписчик
- 30 дек. 2024
- 53 просмотра
1

ответ
WordPress

+2 ещё

Средний
Как настроить правильно редиректы на vps NGIX на Wordrpess?
- 1 подписчик
- 26 дек. 2024
- 105 просмотров
0

ответов
WooСommerce

Средний
Как добавить кастомное поле с загрузкой файлов в карточку товара Woocommerce?
- 1 подписчик
- 18 дек. 2024
- 70 просмотров
0

ответов
WordPress

+1 ещё

Средний
Почему не срабатывают хуки в woocommerce?
- 1 подписчик
- 15 дек. 2024
- 57 просмотров
2

ответа
WordPress

+1 ещё

Простой
Как WooCommerce увеличить число вариаций товара?
- 1 подписчик
- 14 дек. 2024
- 28 просмотров
0

ответов
WooСommerce

+1 ещё

Средний
Как настроить систему уведомлений (колокольчик) о новом заказе на сайте?
- 1 подписчик
- 13 дек. 2024
- 27 просмотров
0

ответов
WordPress

+1 ещё

Простой
Wordpress woocomerce использую WBW Product Filter, как получить количество?
- 1 подписчик
- 11 дек. 2024
- 18 просмотров
0

ответов
WordPress

+1 ещё

Средний
Как можно реализовать платный доступ к лотам WordPress / Woocommerce?
- 1 подписчик
- 08 дек. 2024
- 52 просмотра
0

ответов
WordPress

+1 ещё

Средний
Почему добавляет ссылку категории/каталог на все ссылки сайта?
- 1 подписчик
- 04 дек. 2024
- 58 просмотров
2

ответа
WooСommerce

Простой
Как в Woocommerce программно изменить значение поля «Описание» вариативного товара?
- 1 подписчик
- 25 нояб. 2024
- 37 просмотров
0

ответов
Показать ещё Загружается…

Backend разработчик

Charismo

от 220 000 до 240 000 ₽

Бизнес Аналитик (Senior)

Wanted.

До 350 000 ₽

Java-разработчик в Маркет

Яндекс • Москва

от 180 000 до 350 000 ₽

Считать прошивку с stm

03 янв. 2025, в 10:40

2000 руб./за проект

Ищем команду для разработки проекта

03 янв. 2025, в 10:37

500000 руб./за проект

Разработать веб-апп для телеграм

03 янв. 2025, в 10:35

45000 руб./за проект

Answer 1 · 2020-04-25 14:15:49

Вам требуется просто Ваши css правила прописать с привязкой к родительскому элементу.
Загляните в тег <body> для страницы категории и карточки товара. Вы найдете разные классы которые определяют Вашу страницу.

/* например*/
body.archive .мой-класс {
   ... стили для страницы категории
}
body.single-product .мой-класс {
   ... стили для карточки товара
}

Answer 2 · 2020-04-25 14:55:46

Анатолий мой золотой человечек я не совсем поняла ))) вот где найти мне этот боди ? разжуйте плиз где что искать я только научилась как можно написать класс а ищу я их с большим трудом) вот смотрите что мне нужно сделать

Как применить свой class В woocommerce для категории товаров и для карточки товара?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт