Темизация страницы корзины Ubercart. Кнопка оформить заказ

Главные вкладки

Аватар пользователя ddj ddj 17 августа 2010 в 17:26

Всем здравствуйте!

Интересует темизация страницы корзины Ubercart (сайт.ru/cart).

В частности, мне интересно, как можно темизировать кнопки "Оформить заказ" и "Обновить корзину". С какими классами можно поиграть в css, чтобы они отображались так, как мне нужно.

Если у кого-то даже есть пример исходного кода для файла page-cart.tpl.php (или что-то в этом духе), то это будет вообще супер.

Всем заранее спасибо!

Комментарии

Аватар пользователя ddj ddj 18 августа 2010 в 16:30

«английский язык»

Пардон, ребят, я вирус подцепил. У меня файрфокс эту бяку добавляет. Удалил )
И все-таки, хотелось бы услышать ответы по теме...

Аватар пользователя ddj ddj 18 августа 2010 в 14:37

"<a href="mailto:volocuga@drupal.org">volocuga@drupal.org</a>" wrote:
Давить ебанька сапожищем

Я тоже категорически против спама.

"<a href="mailto:Empiric@drupal.org">Empiric@drupal.org</a>" wrote:
Смотрите в фаербаге какие классы и правьте.

А можно подробнее? Фаербаг - это модуль Друпала?

Аватар пользователя ddj ddj 21 августа 2010 в 12:08

Нашел способ решения проблемы: прописать в CSS стили для класса .form-submit, который был вложен в cart-form-buttons:

#cart-form-buttons .form-actions .form-button-wrapper .form-submit
{
 код
}

Просто изменение css для .form-submit будет влиять на внешний вид всех кнопок класса .form-submit: Сохранить, Предпросмотр и т.д.

P.S. Самый простой способ посмотреть классы, не используя дополнительные инструменты - через исходный код HTML страницы. В файрфоксе, например, выделяем нужный фрагмент и правой кнопкой "Исходный код выделенного фрагмента"

Аватар пользователя volocuga@drupal.org volocuga@drupal.org 21 августа 2010 в 14:18
#uc-cart-view-form #edit-update {
background:url("update.gif") no-repeat 50% 50%;
border:none;
cursor:pointer;
height:30px; /*поменять на свою высоту картинки */
width:80px;  /*поменять на свою ширину картинки */
text-indent:-999px;

#uc-cart-view-form #edit-checkout {
background:url("checkout.gif") no-repeat 50% 50%;
border:none;
cursor:pointer;
height:30px; /*поменять на свою высоту картинки */
width:80px;  /*поменять на свою ширину картинки */
text-indent:-999px;

Аватар пользователя volocuga@drupal.org volocuga@drupal.org 21 августа 2010 в 14:19

"ddj" wrote:
P.S. Самый простой способ посмотреть классы, не используя дополнительные инструменты - через исходный код HTML страницы.

Это самый геморный способ - юзай firebug

Аватар пользователя vlucas vlucas 2 апреля 2012 в 16:18

Crocus wrote:
Подскажите пожалуйста, а как темизировать кнопку add to cart?

<?php
function вашатема_form_uc_product_add_to_cart_form_alter(&$form, &$form_state) {  
  
$form['actions']['submit']['#type']='image_button';    
  
$form['actions']['submit']['#src']=path_to_theme() . '/images/add_to_cart.gif';  
}
?>