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

Как поменять кнопке класс

Sarbai

Новичок
Ребят хочу поменять вид кнопок. Но менять их через css в стандартном файлике стилей от магазина не хочется. У меня подключен bootstrap и я хотел без заморочек прописать кнопкам что есть уже готовый класс. Подскажите в каком файлике woocommerce прописан сам вывод кнопки "добавить в корзину"? Тоже касается ссылок на категории.
 

Stork.71

Гуру
Местный
насколько мне помнится, в файлах шаблонов страниц, на которых она встречается. То есть, в шаблоне single-product, loop и т.д. Зайдите в папку templates и запустите поиск по "cart", перечень файлов Вам вылезет.
 

Grollem

Опытный
код на jQuery
$('.add_to_cart_button').removeClass().addClass('mysuperclass_catalog');
$('.single_add_to_cart_button').removeClass().addClass('mysuperclass_singleproduct');
 
  • Like
Реакции: D&B

Sarbai

Новичок
насколько мне помнится, в файлах шаблонов страниц, на которых она встречается. То есть, в шаблоне single-product, loop и т.д. Зайдите в папку templates и запустите поиск по "cart", перечень файлов Вам вылезет.
Скажу честно я возможно кудат не туда смотрю, перелопатил все что хоть как-то похоже на указанные вами названия дериктории. И увы не нашел... вернее как нечто похожее было но там нада знания РНР увы не владею.... Там кнопка составляется с разных компонентов, берет за основу класс баттон потом добавляет еще вид кнопки и куча непонятностей. Если у вас будет время и желание разобраться в моей заморочке буду вам весьма признателен.
 

Sarbai

Новичок
код на jQuery
$('.add_to_cart_button').removeClass().addClass('mysuperclass_catalog');
$('.single_add_to_cart_button').removeClass().addClass('mysuperclass_singleproduct');
Спасибо за отзыв на мою просьбу, но не моглиб вы мне чуточку детальнее описать где это и что мне нужно менять чтоб прописывать в эти кнопки тот класс который мне нужен?
 

Grollem

Опытный
в папке темы /wp-content/themes/ваша тема.
есть файл header.php в нем находите функцию wp_head(); ?>
далее вставляете этот код
Код:
<script type="text/javascript" src="http://yastatic.net/jquery/2.1.3/jquery.min.js"></script>
<script>
    $(function($) {
$('.add_to_cart_button').removeClass().addClass('mysuperclass_catalog'); // где mysuperclass_catalog - название класса для кнопок в каталоге
$('.single_add_to_cart_button').removeClass().addClass('mysuperclass_singleproduct'); // где mysuperclass_singleproduct - название класса для кнопок в карточке товара
    });

</script>
 

Sarbai

Новичок
Увы в указанном вами файлике моей темы, немного не так а именно следующее....
<code>
<?php
/**
* @package Balance
* @author YOOtheme http://www.yootheme.com
* @copyright Copyright (C) YOOtheme GmbH
* @license http://www.gnu.org/licenses/gpl.html GNU/GPL
*/

// start output buffer to capture content for use in footer.php
ob_start();

</code>

Я пробывал вставлять ваш код но редактор подсвечивает ошибку. А так как я не знаю пока ни РНР ни jQuery затрудняюсь чтолибо править(
 

Grollem

Опытный
1.попробуйте вставить тоже самое в файле footer.php перед закрытием тега body
2. возможно в настройках вашей темы есть поле add traking code или add google ana... код можно вставить туда
 

Sarbai

Новичок
1.попробуйте вставить тоже самое в файле footer.php перед закрытием тега body
2. возможно в настройках вашей темы есть поле add traking code или add google ana... код можно вставить туда
Спасибо за потраченное время я нашел куда его всандалить и в трекинг код и в пейдж но код не срабатывает тут два варианта или что-то не так с кодом или у меня в опы ручки) Склоняюсь ко второму варианту))) Может есть у кого другие варианты гдеб еще найти то что мне нужно? А то пойду грубым методом копирну в существующий клас тот что мне нада)
 

Sarbai

Новичок
Все снимаю вопрос нашел место где код сработал) Grollem снимаю перед вами шляпу я админ недоучка который пока только кое как верстку осваивает)
 

Grollem

Опытный
все приходит с опытом. вообще разработчики из "YOOtheme" больше специализируются на joomla и для wp они делаю ужастно корявые темы. вместо обычного построения страниц header, page, single, arhive используемые в wp, они туда пихают ссылки на папку includes и там уже оперируют всем. что помне рукожопство.
 
Последнее редактирование:

Sarbai

Новичок
Рано радовался я ( Метод рабочий но есть один момент и он чет меня бесит) Когда загружается страница с товаром сперва подгружается основа старые кнопки, а уже потом как бы одевает их в новые кнопки, Получается такой себе эффект на доли секунды старые потом оп они одетые новые.
 

Grollem

Опытный
<script>
$(function($) {

$(window).load(function() {
$('.add_to_cart_button').removeClass().addClass('mysuperclass_catalog'); // где mysuperclass_catalog - название класса для кнопок в каталоге
$('.single_add_to_cart_button').removeClass().addClass('mysuperclass_singleproduct'); // где mysuperclass_singleproduct - название класса для кнопок в карточке товар
});
});
</script>
Попробуй вот так. Если не поможет то меняй стили в CSS
 

Sarbai

Новичок
<script>
$(function($) {

$(window).load(function() {
$('.add_to_cart_button').removeClass().addClass('mysuperclass_catalog'); // где mysuperclass_catalog - название класса для кнопок в каталоге
$('.single_add_to_cart_button').removeClass().addClass('mysuperclass_singleproduct'); // где mysuperclass_singleproduct - название класса для кнопок в карточке товар
});
});
</script>
Попробуй вот так. Если не поможет то меняй стили в CSS

Этот вариант наоборот одевает кнопку с задержкой в 2-3 секунды) Я оставил пока 1 вариант он как я понял от кеша зависит если уже пару раз просматривал рубрики товары больше такого ефекта не видно а если первый раз иногда бывает. И снова таки, этот костыльчик от некой лени моей руками на css добавить ту же кнопку от бутстрапа причем даже банальным копипастом)
 
Сверху Снизу