Поддержка → WooCommerce → Как переместить тег span «Распродажа»
Как переместить тег span «Распродажа»
-
Всем здравствуйте. Сразу к сути. В woocommerce есть пункт «цена распродажи» (после базовой цены). При введении цены в эту графу на сайте появляется span «Распродажа», очень некрасивый и не в самом удачном месте. Идея такова — вместо некрасивого спана нарисовать прозрачную картинку с цветным уголком сбоку со словом «акция» (или что-то подобное) и наложить ее на изображение товара. То есть, когда в товаре выставишь цену распродажи — в данном товаре появляется уголок сверху в фото со слово «Акция». Я так понимаю, нужна какая-то функция, которая будет изменять
<span class="onsale">Распродажа!</span>
на<span class="onsale" img="тут наверное где-то изображение)))))"></span>
В общем суть вроде объяснил, а реализовать пока не знаю как (хотя идея стоящая).- Тема изменена 4 года, 7 месяцев назад пользователем Yui. Причина: в раздел woocommerce
-
идея стоящая
И много раз решенная
https://ru.wordpress.org/plugins/search/Sale+Badge/Спасибо, не знал, что есть такие плагины) Просто думал, что это просто одной функцией решается.
Я так понимаю, нужна какая-то функция
Достаточно нескольких правил в css.
Юрий, не подскажите — какие?)
не подскажите — какие?)
Подскажу: position, top, left|right, width, height, color, backgroud, overflow, может что-то еще. Многое зависит от вёрстки Темы, а потому делать надо исключительно по месту.
Ахахахах))) Смешно. Вы чему эти правила будете прописывать? Спану? Ну и? Он будет гулять по всей странице сайта. У меня другая ситуация, поэтому плагины с бэйджами мне вообще не подходят. Задача такова: Все товары, которые со статусом on sale (они же имеют спан on sale) должны в картинке иметь полупрозрачное изображение, какое я в теме описывал. Плагины не подошли и они криво работают + нету выбора. Если еще проще, когда я в товаре ставлю «цену распродажи» — в карточке товара автоматически появляется картинка с треугольником, которую я описал в теме и налаживается поверх основного изображения товара. И это как и в каталоге так и в карточке товара. Получается, проблема не решена. Для начала нужно как-то перенести ярлык «Распродажа» на изображение карточки товара ( а не в угол сайта свойствами position и т.д. Как это сделать? Я предполагаю, что нужно копаться в функциях и найти ту, которая добавляет спан on sale над изображением товара (а в каталоге под изображением) и переместить (или что-то с ней сделать, не разбираюсь в этом) в блок изображения товара как в каталоге, так и в карточке товара. ФУуууууууух….
Ахахахах))) Смешно.
В человеческом невежестве весьма утешительно считать все то за вздор, чего не знаешь. (Д. И. Фонвизин)
Спану? Ну и?
Да, спану. Пойдите и посмотрите http://www.wp-demos.com/ispirit/shop/product-category/clothing/women/tops/
Он будет гулять по всей странице сайта.
А чтоб не гулял, надо руки мыть 🙂
Ахахахах))) Смешно.
…
не разбираюсь в этомДавайте вы сначала начнете разбираться, а потом вместе посмеемся
Это серьезный плевок в знания, которых у меня нет!))) Вопрос — как я буду разбираться, если ничего не сделаю? Я спросил варианты решения сформированной проблемы. Ответа нету, а только неприятный диалог о моих знаниях. Страница карточки товара формируется динамически, функция присвоения статуса «распродажа» так же формируется при активировании функции on sale. Функция прописывает место, где будет сгенерирован спан «Распродажа». Проблема в том, что нужно поправить эту функцию, а я не знаю, где она и как это сделать, так как в функции я 0. А что именно поправить — изменить расположение спана, где он будет сгенерирован (не над или под картинкой, а в самой картинке) и вместо слова «Распродажа» вставить картинку. Да, это сложно и бред, но в моей ситуации плагины не решение, подчёркиваю НЕТ ТОЙ МОДЕЛИ БЕЙДЖА, КОТОРАЯ ТАМ НУЖНА и плюс кривая работа плагина. Я попробовал несколько и все работают одинаково. Наверное сделаны на одном и том же движке и скриптах, я не знаю… Даже дизайн у них одинаковый. Короче плагины — не вариант. Я бы спросил на другом форуме, но этот вроде как бы конкретно по этой тематике!!! Хотя я вот сколько смотрю, тут по-ходу только Юра и ещё несколько человек сидят… И при вопросе как скрыть блок див — будет один ответ «Зачем он тебе нужен… Установи плагин… Найди другую работу и т.д. Я задал конкретный вопрос, а вместо ответа или работы над решением сижу здесь и объясняю, что я научился и чего мне от жизни надо. Хлопаю обеими руками… Занавес.
Проблема в том, что нужно поправить эту функцию,
С какого перепуга вы так решили?
НЕТ ТОЙ МОДЕЛИ БЕЙДЖА, КОТОРАЯ ТАМ НУЖНА
кто мешает ее добавить?
Я задал конкретный вопрос, а вместо ответа или работы над решением сижу здесь и объясняю, что я научился и чего мне от жизни надо. Хлопаю обеими руками… Занавес.
а тот ответ, над которым вы посмеялись, вы в зачет не берете?
Я не решил так, это мое логическое предположение.
Добавить бейдж? А не лучше всё-таки поправить функцию, что бы не грузить сайт лишними скриптами? Я смеюсь над «ответом», потому что человек видимо не понял вопроса и он думает, что карточка товара занимает 100% экрана браузера. Я ему это и объяснил, что задача не сделать «акция» в углу экрана, а в углу изображения товара. Это даже близко не то, что нужно. Это вообще не то. В общем я думаю, если вы не знаете решения, а просто хочется с кем о «опыте жизни» потрещать, нету дальнейшего смысла диалога. Если есть решение — с удовольствием проверю. Последние сообщения вообще не по теме… «СПРОСИТЕ И БУДЕТ ОТВЕЧЕНО ВАМ» ахахахахахаха)))))
Ну да.Я не решил так, это мое логическое предположение.
Которое не имеет ни чего общего с реальностью.
А не лучше всё-таки поправить функцию, что бы не грузить сайт лишними скриптами?
Если вы сможете нам объяснить, какую функцию, как поправить и где вы ее взяли, возможно с вами и согласятся.
Я смеюсь над «ответом», потому что человек видимо не понял вопроса и он думает, что карточка товара занимает 100% экрана браузера
вы видимо не смотрели ссылку из его ответа.
Хотите я дам еще одну, где все сделано с помощью css, без всяких изменений несуществующих функций.
https://tuxfighter.cf/shop/wear/women/
В прошлый раз я не стал ее давать, поскольку посчитал, что одной от Юрия, вполне достаточноЯ ему это и объяснил, что задача не сделать «акция» в углу экрана, а в углу изображения товара.
Т.е. не смотрели от слова «ваще»….
P.s. Скажите, а почему вы так бравируете своим незнанием?
Да, Юрий дал ссылку на результаты поиска плагинов по определенному запросу плагинов. Я пробовал эти плагины. Поначалу обрадовался, думал, ну все, сейчас быстренько сделаю и буду другими вещами заниматься, а оно не тут-то было. Плагин с премиум. И в обычной версии нету ничего, только кубик с надписью можно добавить или ихние готовые шаблоны типа «new» и пр. Третий раз уже говорю — ответ Юрия неуместен в данном случае.
P.s. Я не «бравирую» своим незнанием, а даю нормальным людям понять, что я не владею знаниями в сфере написания и редактирования функций. Сдаётся мне, кто-то очень хочет меня культурно оскорбить :D. У меня нету ни желания ни времени на эту же..ню, которую культурно принято называть дискуссией. Ладно, попробую сам разобраться… Иначе тут так дело может и фотографий с детства дойти, а я не фотогигиеничный)))Юрий дал ссылку на результаты поиска плагинов
Ахахахах))) Смешно.
На бис: http://www.wp-demos.com/ispirit/shop/product-category/clothing/women/tops/
Если что, по ссылке демо профессионально сделанной Темы, у которой «меточка» распродажа сделана картинкой с помощью CSS.Да, Юрий дал ссылку на результаты поиска плагинов по определенному запросу плагинов
Вы имеете ввиду ту ссылку, которую дал я в первом же ответе?
Третий раз уже говорю — ответ Юрия неуместен в данном случае.
даю нормальным людям понять, что я не владею знаниями в сфере написания и редактирования функций.
Но не слышите ответы по этому вопросу.
- Тема «Как переместить тег span «Распродажа»» закрыта для новых ответов.