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

Question

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

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

WooСommerce

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

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

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

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

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

Помогут разобраться в теме Все курсы

Нетология

Python-разработчик с нуля

6 месяцев

Далее
Яндекс Практикум

Python-разработчик

10 месяцев

Далее
Skillbox

Frontend-разработчик

9 месяцев

Далее

Решения вопроса 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

Средний
Как сделать, чтобы из купона woocomerce не вычитался налог?
- 1 подписчик
- 07 нояб.
- 47 просмотров
0

ответов
WordPress

+1 ещё

Средний
Почему пропала модалка добавления товара в корзину?
- 1 подписчик
- 06 окт.
- 100 просмотров
1

ответ
WordPress

+1 ещё

Простой
Как правильно редактировать шаблон корзины на WooCommerce?
- 1 подписчик
- 05 окт.
- 138 просмотров
3

ответа
WooСommerce

Простой
Оформление заказа на одной странице woocomerce?
- 1 подписчик
- 09 сент.
- 81 просмотр
2

ответа
WooСommerce

Простой
Философия шаблонов woocomerce?
- 1 подписчик
- 05 сент.
- 98 просмотров
2

ответа
WooСommerce

Простой
Как сделать не стандартный каталог woocomerce?
- 1 подписчик
- 04 сент.
- 120 просмотров
1

ответ
WordPress

+1 ещё

Средний
Как сделать сниппет с отзывами?
- 1 подписчик
- 02 сент.
- 127 просмотров
1

ответ
WooСommerce

Средний
Как добавить дполнительные поля в структурированные данные товара (Schema) в WooCommerce?
- 1 подписчик
- 30 авг.
- 130 просмотров
1

ответ
WooСommerce

Простой
Как сделать автоматическое изменение статуса заказа «Выполнено» для скачиваемого бесплатного товара в Woocommerce?
- 1 подписчик
- 28 авг.
- 67 просмотров
1

ответ
WooСommerce

Простой
Как скрывать поля доставки при выборе метода Самовывоз?
- 1 подписчик
- 10 авг.
- 69 просмотров
0

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

Web3-разработчик / Blockchain-инженер для ecommerce-проектов (NFT, токены, кош

Спортивное Время

от 100 000 до 250 000 ₽

Стажер специалист по сопровождению сделок по проблемным активам

ПСБ цифровая лаборатория • Москва

от 30 000 до 60 000 ₽

Системный администратор

Грандстафф • Москва

от 150 000 ₽

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 для категории товаров и для карточки товара?

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

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

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