Ну внешность кнопки описывается в CSS (само-собой), приведу мой фрагмент описания стилей:
.jv-cart-price {
margin: 10px 0 0 0;
padding: 0 0 0 5px;
height: 28px;
display: block;
overflow: hidden;
background: #5594b3 url(../images/bg-card-price.png) no-repeat 0 -28px;
}
.jv-cart-price-inner {
height: 28px;
overflow: hidden;
background: url(../images/bg-card-price.png) no-repeat 100% 0;
}
.jv-cart {
float: left;
}
.jv-price {
padding: 0 5px 0 0;
float: right;
height: 28px;
background: url(../images/bg-card-price.png) no-repeat 100% -84px;
}
.jv-price-inner {
padding: 0 0 0 5px;
float: right;
height: 28px;
line-height: 28px;
background: url(../images/bg-card-price.png) no-repeat 0 -56px;
}
Эти стили с небольшой доработкой я подсмотрел на одном сайте
Далее они используются следующим образом в файле components/com_virtuemart/themes/default/templates/browse/includes/addtocart_form.tpl.php:
<div class="jv-cart-price"><div class="jv-cart-price-inner">
<div class="jv-cart">
<form action="<?php echo $mm_action_url ?>index.php" method="post" name="addtocart" id="addtocart<?php echo $i ?>" <?php if( $this->get_cfg( 'useAjaxCartActions', 1 ) && !$notify ) { echo 'onsubmit="handleAddToCart( this.id );return false;"'; } ?>>
<input type="hidden" name="option" value="com_virtuemart" />
<input type="hidden" name="page" value="shop.cart" />
<input type="hidden" name="Itemid" value="<?php echo ps_session::getShopItemid(); ?>" />
<input type="hidden" name="func" value="cartAdd" />
<input type="hidden" name="prod_id" value="<?php echo $product_id; ?>" />
<input type="hidden" name="product_id" value="<?php echo $product_id ?>" />
<input type="hidden" name="quantity" value="1" />
<input type="hidden" name="set_price[]" value="" />
<input type="hidden" name="adjust_price[]" value="" />
<input type="hidden" name="master_product[]" value="" />
<input type="submit" class="addtocart_button_snapshot" value="<?php echo $VM_LANG->_('PHPSHOP_CART_ADD_TO')?>" title="<?php echo $VM_LANG->_('PHPSHOP_CART_ADD_TO')?>" />
</form>
</div>
<div class="jv-price">
<div class="jv-price-inner">
<?php
echo $product_price;
?>
</div>
</div>
</div>
</div>
аналогично и в таком же файле, но в папке product_details/includes.
Теперь для вывода цены нужно прописать переменную $product_price в список передаваемых в шаблоны. Делаем это в файле administrator/components/com_virtuemart/html/shop.browse.php, у меня это с 421 строки:
$tpl->set( 'i', $i );
$tpl->set( 'product_id', $db_browse->f('product_id') );
$tpl->set( 'product_in_stock', $db_browse->f('product_in_stock') );
$tpl->set( 'ps_product_attribute', $ps_product_attribute );
[color=red]//--- Добавим переменную product_price -----------------------------
$tpl->set( 'product_price', $product_price );
//--------------------------------------------------------------------
[/color] $products[$i]['form_addtocart'] = $tpl->fetch( 'browse/includes/addtocart_form.tpl.php' );
$products[$i]['has_addtocart'] = true;
Вот и получили кнопочку как здесь
www.teremochek.comКартинки к CSS предлагать или свои нарисуете?
08.12.2013, 19:04:17