Thanks Mike
here is a small code sample if anyone needs to customize their product attributes .
Steps:
1. Create your attributes for your product(s)
2. Using google chrome inspect a element and find out what those attribute names are.
3. In this example edit _ProductAttribute.cshtml file (any notepad will do) ....location ...\SmartStoreNET.Web.1.2.1\Views\Catalog
<script type="text/javascript">
$(document).ready(function () {
window.onload = function() {
toggleAcl();
};
$('input:radio').live('change', function(){
toggleAcl();
});
@*
$('#product_attribute_1_1_1_4').click(function(){
alert(this.value);
toggleAcl(); *@
});
function toggleAcl() {
if ($('#product_attribute_1_1_1_4').is(':checked')) {
$('#product_attribute_1_2_2').show();
$('label[for="product_attribute_1_2_2"]').show();
$('#product_attribute_1_3_3').show();
$('label[for="product_attribute_1_3_3"]').show();
$('#product_attribute_1_3_3_2').show();
$('label[for="product_attribute_1_3_3_2"]').show();
$('#product_attribute_1_3_3_3').show();
$('label[for="product_attribute_1_3_3_3"]').show();
}
else {
$('#product_attribute_1_2_2').hide();
$('label[for="product_attribute_1_2_2"]').hide();
$('#product_attribute_1_3_3').hide();
$('label[for="product_attribute_1_3_3"]').hide();
$('#product_attribute_1_3_3_2').hide();
$('label[for="product_attribute_1_3_3_2"]').hide();
$('#product_attribute_1_3_3_3').hide();
$('label[for="product_attribute_1_3_3_3"]').hide();
}
}
</script>