-
- apexsupplies
 -
Total Posts: 11
Joined: 2012-02-26
|
Hey,
Ok so I am a new to this and i want the buttons below in the screenie to be side by side and to be soo long to take up two lines.
If anyone has any suggestions i will try them. This is driving me crazy!
Code from .css
.jon{
/*basic styles*/
width: 250px; height: 50px; color: #fff; background-color: #125182;
text-align: center; font-size: 30px; line-height: 50px;
/*gradient styles*/
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #125182), color-stop(.5, #1269ab), color-stop(.51, #004375), to(#00345b));
background: -moz-linear-gradient(top, #125182, #1269ab 50%, #004375 51%, #00345b);
/*border styles*/
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
-moz-box-shadow:inset 0 0 10px #000000;
-webkit-box-shadow:inset 0 0 10px #000000;
box-shadow:inset 0 0 10px #000000;
}?
Code from configurable.phtml
<?php
$_product = $this->getProduct();
$_attributes = Mage::helper('core')->decorateArray($this->getAllowAttributes());
?>
<?php if ($_product->isSaleable() && count($_attributes)):?>
<dl>
<?php foreach($_attributes as $_attribute): ?>
<dt><label class="required"><em>*</em><?php echo $_attribute->getLabel() ?></label></dt>
<div class="input-box">
<?php $configs = $this->getRegularConfig()?>
<?php foreach($configs['attributes'] as $config):?>
<?php foreach($config['options'] as $value):?>
<dd<?php if ($_attribute->decoratedIsLast){?> class="last"<?php }?>>
<label class="jon" id="<?php echo (float)$value['price'] + (float) $_product->getPrice();?>">
<div class="jon">
<input type="radio"
onclick="productAddToCartForm.submit(this)"
style="display:none;"
name="super_attribute[<?php echo $_attribute->getAttributeId() ?>]"
id="attribute<?php echo $_attribute->getAttributeId() ?>"
class="validate-custom-configurable"
value="<?php echo $value['id']?>"/>
</div>
<?php echo $value['label']?> (+ $<?php printf("%.2f", $value['price'])?>)
</label>
<?php endforeach;?>
<?php endforeach;?>
</dd>
</div>
<?php endforeach; ?>
</dl>
<?php endif;?>
<script type="text/javascript">
var spConfig = new Product.Config(<?php echo $this->getJsonConfig() ?>);
document.observe("dom:loaded", function() {
var customValidation = false;
var priceFormat = <?php echo $this->helper('tax')->getPriceFormat(); ?>;
$$('.validate-custom-configurable').each(function(el){
el.observe('click',function(event){
//console.log(el.parentNode);
$$('span .price').each(function(elmn){
elmn.update(formatCurrency(parseFloat(el.parentNode.id), priceFormat)).innerHTML;
});
});
});
Validation.addAllThese([
['validate-custom-configurable', 'This is a required field.', function(v) {
$$('.validate-custom-configurable').each(function(el){
if (el.checked) {
customValidation = true;
}
});
return customValidation;
}]
]);
});
</script>
Image Attachments
Click thumbnail to see full-size image
|
