Форум программистов, компьютерный форум, киберфорум
PHP для начинающих
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.94/18: Рейтинг темы: голосов - 18, средняя оценка - 4.94
0 / 0 / 0
Регистрация: 14.07.2020
Сообщений: 13

В карточке товаров woocommerce сократить название до Х-символов и показать полное название при наведении мышки

15.07.2021, 18:57. Показов 4048. Ответов 8

Студворк — интернет-сервис помощи студентам
Есть такой код для functions.php :
PHP
1
2
3
4
5
6
7
8
9
add_filter( 'the_title', 'shorten_woo_product_title', 10, 2 );
     
    function shorten_woo_product_title( $title, $id ) {
    if ( is_shop() && get_post_type( $id ) === 'product' ) {
    return substr( $title, 0, 90 ); // последнее значение - нужное количество символов
    } else {
    return $title;
    }
    }
Проблема 1: нужно многоточие в конце строки, а выдается ромбик (некрасиво)
Проблема 2: хочется, чтобы при наведении мыши выдавалось полное название товара

Всё для чего? карточки товаров темы выглядят очень некрасиво, потому что названия то в 5 строк пишутся, то в 1 строку, соответственно скачет кнопка "Купить", выглядит некрасиво(((

Поможете советом, как доработать код?
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
15.07.2021, 18:57
Ответы с готовыми решениями:

При наведении мышкой на название ягоды из списка ягод показать ее описание в текстовом поле
Написать сценарий, в котором при наведении мышкой на название ягоды из списка ягод будет появляться ее описание в текстовом поле. (Здесь...

WooCommerce изменить название вкладки для категории товаров
Добрый день! Есть кастомная вкладка, как сделать так, чтобы её название изменилось только для одной категории товаров? Как я понимаю,...

При наведении мышки на поле показать циферку
Не силен в JS. В кратце опишу то, чего делаю. Есть рисунок, на котором обозначены 10 элементов в AREA. Ниже этого рисунка поле, в...

8
Эксперт PHP
5755 / 4134 / 1508
Регистрация: 06.01.2011
Сообщений: 11,276
15.07.2021, 19:26
Цитата Сообщение от fluki-small Посмотреть сообщение
нужно многоточие в конце строки, а выдается ромбик (некрасиво)
Вместо substr используйте mb_strimwidth или mb_substr.
0
0 / 0 / 0
Регистрация: 14.07.2020
Сообщений: 13
16.07.2021, 15:52  [ТС]
Спасибо! Многоточие появилось. А как вывести название полное во всплывающей подсказке при наведении мышкой на название товара?
0
Эксперт PHP
5755 / 4134 / 1508
Регистрация: 06.01.2011
Сообщений: 11,276
16.07.2021, 15:58
Самое простое -- использовать стандартный HTML-атрибут title.
Если нужно что-то красивее, подключите какую-либо JS-библиотеку (если еще не подключена), реализующую всплывающие подсказки.
Например: https://atomiks.github.io/tippyjs/
0
0 / 0 / 0
Регистрация: 14.07.2020
Сообщений: 13
16.07.2021, 16:37  [ТС]
а можете подробнее насчет варианта с title, как его прописать в php файле, чтобы сразу при наведении на любой товар woocommerce выдавалось его полное название, которое я сократила с помощью предыдущего кода?) Хочу прописать его в functions.php
заранее благодарна!!!
0
Эксперт PHP
5755 / 4134 / 1508
Регистрация: 06.01.2011
Сообщений: 11,276
16.07.2021, 17:22
Не знаю. По части PHP могу ответить, а вот в тонкостях Wordpress не разбираюсь. Возможно, стоит перенести тему в раздел "Wordpress", там подскажут. Для этого щёлкните на треугольник в красной рамке слева и попросите модераторов перенести.

Возможно, указать title можно прямо в админке, при редактировании товара.
0
0 / 0 / 0
Регистрация: 14.07.2020
Сообщений: 13
16.07.2021, 17:31  [ТС]
а как бы вы в php прописали функцию? Разве это касается самого Wordpress?
0
Эксперт PHP
5755 / 4134 / 1508
Регистрация: 06.01.2011
Сообщений: 11,276
16.07.2021, 19:31
Думаю, что касается. Повторюсь:
Цитата Сообщение от Para bellum Посмотреть сообщение
Возможно, указать title можно прямо в админке, при редактировании товара.
Перво-наперво всегда нужно смотреть, можно ли реализовать что-то средствами самой CMS (раз уж взялись её использовать).

А может быть в шаблоне вывода списка товаров нужно добавить этот атрибут.
0
220 / 173 / 115
Регистрация: 19.01.2015
Сообщений: 524
17.07.2021, 05:25
Цитата Сообщение от fluki-small Посмотреть сообщение
Всё для чего? карточки товаров темы выглядят очень некрасиво
Для "красиво" существует CSS и эта задача решается там довольно просто. Примерно так:
CSS
1
2
3
4
5
6
7
8
9
10
11
.woocommerce-loop-product__title {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: inline-block;
width: 10em;
}
 
.woocommerce-loop-product__title:hover {
white-space: normal;
}
Конечно нужно смотреть на селекторы на вашем сайте и на существующие стили. Это просто пример.
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
17.07.2021, 05:25
Помогаю со студенческими работами здесь

Woocommerce, saphali-woocommerce-lite added не могу поменять название кнопки
я уже перерыл весь интернет, перерыл все файлы, но я так и не смог найти как поменять название одной чертовой кнопки ... После нажатия...

Как изменить название товара при его добавлении (WordPress + WooCommerce)?
Добрый день! Есть интернет магазин WordPress + WooCommerce. Необходимо при добавлении товара в базу магазина добавлять к...

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

Tool Bar название кнопки при наведении курсора
Создал ToolButton1 ставлю ShowHint:=true и в Hint пишу текст. Может что не так делаю?

Выделить из строки, содержащей полное имя файла, название последнего каталога (без символов "\")
Дана строка, содержащая полное имя файла. Выделить из строки название последнего каталога (без символов "\")


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
9
Ответ Создать тему
Новые блоги и статьи
PhpStorm 2025.3: WSL Terminal всегда стартует в ~
and_y87 14.12.2025
PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .
Как объединить две одинаковые БД Access с разными данными
VikBal 11.12.2025
Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.
Новый ноутбук
volvo 07.12.2025
Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro
Музыка, написанная Искусственным Интеллектом
volvo 04.12.2025
Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .
От async/await к виртуальным потокам в Python
IndentationError 23.11.2025
Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
Поиск "дружественных имён" СОМ портов
Argus19 22.11.2025
Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .
Сколько Государство потратило денег на меня, обеспечивая инсулином.
Programma_Boinc 20.11.2025
Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .
Ломающие изменения в C#.NStar Alpha
Etyuhibosecyu 20.11.2025
Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .
Мысли в слух
kumehtar 18.11.2025
Кстати, совсем недавно имел разговор на тему медитаций с людьми. И обнаружил, что они вообще не понимают что такое медитация и зачем она нужна. Самые базовые вещи. Для них это - когда просто люди. . .
Создание Single Page Application на фреймах
krapotkin 16.11.2025
Статья исключительно для начинающих. Подходы оригинальностью не блещут. В век Веб все очень привыкли к дизайну Single-Page-Application . Быстренько разберем подход "на фреймах". Мы делаем одну. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2025, CyberForum.ru