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

Стили кнопок

Skanavy

Новичок
На страничке с товаром кнопка "Добавить в корзину" (большая, фиолетовая) отличается от той, что добавляется шорткодом (маленькая, серая).

[add_to_cart id="1064" show_price="false" style=""]

Подозреваю, что стиль кнопки определяется соответствующей командой style="", но выяснить под каким названием идет (большая, фиолетовая) кнопка, не получилось.

Подскажите, пожалуйста, как сделать кнопку "Добавить в корзину" из шорткода, такой же большой и фиолетовой, как на страничке с товаром. Спасибо.
 

D&B

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

qwer

Специалист
Местный
На страничке с товаром кнопка "Добавить в корзину" (большая, фиолетовая) отличается от той, что добавляется шорткодом (маленькая, серая).

[add_to_cart id="1064" show_price="false" style=""]

Подозреваю, что стиль кнопки определяется соответствующей командой style="", но выяснить под каким названием идет (большая, фиолетовая) кнопка, не получилось.

Подскажите, пожалуйста, как сделать кнопку "Добавить в корзину" из шорткода, такой же большой и фиолетовой, как на страничке с товаром. Спасибо.
Добрый вечер.
Прежде всего, найдите стили первой кнопки (нужной вам) через инспектора (F12 или "просмотреть код элемента").
Следующим вашим шагом будет добавить эти стили вашей новой кнопке. Предполагаю, сможете задать ей новые правила через #1064. (Можно хотя бы попробовать задать черезCSS).
Это будет лучше чем прописывать стили в HTML. Хотя, безусловно, можно и там.

Надеюсь, смогла помочь!
 

Skanavy

Новичок
Напомнило шутку про телепатов. Прошу прощения.
mediaclass7.ru/shop/benq-mw529-pro/
Как видите, здесь кнопка "Add to cart" фиолетовая, она генерируется автоматически
На другой страничке (ниже по тексту)
mediaclass7.ru/2017/03/25/wireless-smart-projector-benq-mw529-pro-with-android-wifi-bluetooth-usb/
кнопка "Add to cart" (маленькая серенькая, едва видно) созданна следующим шорткодом

[add_to_cart id="1064" show_price="false" style=""]

Изучал инспектором фиолетовую кнопку, но он не показывает стиль, только type и class.

Помогите, пожалуйста.

PS Нашел стили, вписывал их в команду style="", но ничего не вышло....
 
Последнее редактирование:

qwer

Специалист
Местный
Напомнило шутку про телепатов. Прошу прощения.
mediaclass7.ru/shop/benq-mw529-pro/
Как видите, здесь кнопка "Add to cart" фиолетовая, она генерируется автоматически
На другой страничке (ниже по тексту)
mediaclass7.ru/2017/03/25/wireless-smart-projector-benq-mw529-pro-with-android-wifi-bluetooth-usb/
кнопка "Add to cart" (маленькая серенькая, едва видно) созданна следующим шорткодом

[add_to_cart id="1064" show_price="false" style=""]

Изучал инспектором фиолетовую кнопку, но он не показывает стиль, только type и class.

Помогите, пожалуйста.

PS Нашел стили, вписывал их в команду style="", но ничего не вышло....
Эх... недоизучали... "Class" это и есть то, что вам нужно.
Попробуйте в редакторе (файла style.css) добавить следующее:

/*Это код отвечающий за вашу кнопку на второй странице*/
a.button .product_type_simple .add_to_cart_button .ajax_add_to_cart {
background-color: #a46497;
color: #fff;
-webkit-font-smoothing: antialiased;
}
/*Это "серый фон" вокруг этой кнопки. Сначала добавьте первые стили, сохраните и посмотрите что осталось. Этот код уберет "серый фон" вокруг фиолетовой кнопки*/
.product woocommerce .add_to_cart_inline {
background-color: transparent;
}

Надеюсь, смогла помочь.
 
Сверху Снизу