Помогите попроавить product.tpl

[lasuria]

Вообщем у меня имеется такое

 

 

а хотелось бы иметь вот такое

 

 

Вот мой product.tpl (вырезал только options)

<?php if ($options) { ?>
  <div class="options">
  	<h2><?php echo $text_option; ?></h2>
	<?php foreach ($options as $option) { ?>
    
    <?php if ($option['type'] == 'select') : //Select Field ?>
        <div id="option-<?php echo $option['product_option_id']; ?>" class="option select">
          <strong><?php echo $option['name']; ?> <?php if ($option['required']) { ?><span class="required">*</span>          <?php } ?></strong>
          
          <?php if($option['name'] == "Color" || $option['name'] == "Size") : //Check if "Color/Size" Option ?>
              <ul class="op <?php echo  strtolower($option['name']); ?>">
              <?php foreach ($option['option_value'] as $option_value): ?>
                    <li id="<?php echo $option_value['product_option_value_id']; ?>" class="<?php echo strtolower($option_value['name']); ?>">
						<?php if ($option['name'] == "Color" && $option_value['image']) : ?>
                            <img src="<?php echo $option_value['image']; ?>" alt="<?php echo strtolower($option_value['name']); ?>" />
                        <?php else: ?>
                        	<?php echo $option_value['name']; ?>
                        <?php endif; ?>
                    </li>
              <?php endforeach; ?>
              </ul>
       <?php endif; ?>
          
          <select name="option[<?php echo $option['product_option_id']; ?>]" class="<?php if($option['name']=="Color" ||$option['name']=="Size"){echo 'colorOp';} ?>">
            <option value=""><?php echo $text_select; ?></option>
            <?php foreach ($option['option_value'] as $option_value) : ?>
            <option value="<?php echo $option_value['product_option_value_id']; ?>"><?php echo $option_value['name']; ?>
				<?php if ($option_value['price']) : ?>
                    (<?php echo $option_value['price_prefix']; ?><?php echo $option_value['price']; ?>)
                <?php endif; ?>
            </option>
            <?php endforeach; ?>
          </select>
        </div>
    <?php endif; ?>
    
    <?php if ($option['type'] == 'radio') : //Radio Buttons ?>
        <div id="option-<?php echo $option['product_option_id']; ?>" class="option">
          <strong><?php echo $option['name']; ?> <?php if ($option['required']) { ?><span class="required">*</span><?php } ?></strong>
          <?php foreach ($option['option_value'] as $option_value) : ?>
              <input type="radio" name="option[<?php echo $option['product_option_id']; ?>]" value="<?php echo $option_value['product_option_value_id']; ?>" id="option-value-<?php echo $option_value['product_option_value_id']; ?>" />
              <label for="option-value-<?php echo $option_value['product_option_value_id']; ?>"><?php echo $option_value['name']; ?>	
                <?php if ($option_value['price']) : ?>
                    (<?php echo $option_value['price_prefix']; ?><?php echo $option_value['price']; ?>)
                <?php endif; ?>
              </label>
          <?php endforeach; ?>
        </div>
    <?php endif; ?>
    
    <?php if ($option['type'] == 'checkbox') { //Checkboxes ?>
        <div id="option-<?php echo $option['product_option_id']; ?>" class="option">
			  <strong><?php echo $option['name']; ?> <?php if ($option['required']) { ?><span class="required">*</span><?php } ?></strong>
              <div class="checkbox">
				  <?php foreach ($option['option_value'] as $option_value) : ?>
                      <div><input type="checkbox" name="option[<?php echo $option['product_option_id']; ?>][]" value="<?php echo $option_value['product_option_value_id']; ?>" id="option-value-<?php echo $option_value['product_option_value_id']; ?>" />
                      <label for="option-value-<?php echo $option_value['product_option_value_id']; ?>"><?php echo $option_value['name']; ?>
                        <?php if ($option_value['price']) : ?>
                            (<?php echo $option_value['price_prefix']; ?><?php echo $option_value['price']; ?>)
                        <?php endif; ?>
                      </label></div>
                  <?php endforeach; ?>
              
              </div>
               <div class="clear"></div>
        </div>
    <?php } ?>
    
<?php if ($option['type'] == 'image') { ?>
    <div id="option-<?php echo $option['product_option_id']; ?>" class="option">
      <?php if ($option['required']) { ?>
      <span class="required">*</span>
      <?php } ?>
      <b><?php echo $option['name']; ?>:</b>
          <?php foreach ($option['option_value'] as $option_value) { ?>
			<label for="option-value-<?php echo $option_value['product_option_value_id']; ?>"><img src="<?php echo $option_value['image']; ?>" alt="<?php echo $option_value['name'] . ($option_value['price'] ? ' ' . $option_value['price_prefix'] . $option_value['price'] : ''); ?>" /></label>
<input type="radio" name="option[<?php echo $option['product_option_id']; ?>]" value="<?php echo $option_value['product_option_value_id']; ?>" id="option-value-<?php echo $option_value['product_option_value_id']; ?>" />
          <?php } ?>
    </div>
    <?php } ?>
    
    <?php if ($option['type'] == 'text') { ?>
    <div id="option-<?php echo $option['product_option_id']; ?>" class="option">
      <strong><?php echo $option['name']; ?><?php if ($option['required']) { ?><span class="required">*</span><?php } ?></strong>
      <input type="text" name="option[<?php echo $option['product_option_id']; ?>]" value="<?php echo $option['option_value']; ?>" />
    </div>
    <?php } ?>
    
    <?php if ($option['type'] == 'textarea') { ?>
    <div id="option-<?php echo $option['product_option_id']; ?>" class="option">
      <strong><?php echo $option['name']; ?> <?php if ($option['required']) { ?><span class="required">*</span><?php } ?></strong>
      <textarea name="option[<?php echo $option['product_option_id']; ?>]" cols="40" rows="5"><?php echo $option['option_value']; ?></textarea>
    </div>
    <?php } ?>
    
    <?php if ($option['type'] == 'file') { ?>
    <div id="option-<?php echo $option['product_option_id']; ?>" class="option">
      <strong><?php echo $option['name']; ?><?php if ($option['required']) { ?><span class="required">*</span><?php } ?></strong>
      <a id="button-option-<?php echo $option['product_option_id']; ?>" class="button"><span><?php echo $button_upload; ?></span></a>
      <input type="hidden" name="option[<?php echo $option['product_option_id']; ?>]" value="" />
    </div>
    <?php } ?>
    
    <?php if ($option['type'] == 'date') { ?>
    <div id="option-<?php echo $option['product_option_id']; ?>" class="option">
      
      <strong><?php echo $option['name']; ?><?php if ($option['required']) { ?><span class="required">*</span><?php } ?></strong>
      <input type="text" name="option[<?php echo $option['product_option_id']; ?>]" value="<?php echo $option['option_value']; ?>" class="date" />
    </div>
    <?php } ?>
    
    <?php if ($option['type'] == 'datetime') { ?>
    <div id="option-<?php echo $option['product_option_id']; ?>" class="option">
      <strong><?php echo $option['name']; ?><?php if ($option['required']) { ?><span class="required">*</span><?php } ?></strong>
      <input type="text" name="option[<?php echo $option['product_option_id']; ?>]" value="<?php echo $option['option_value']; ?>" class="datetime" />
    </div>
    <?php } ?>
    
    <?php if ($option['type'] == 'time') { ?>
    <div id="option-<?php echo $option['product_option_id']; ?>" class="option">
      <strong><?php echo $option['name']; ?><?php if ($option['required']) { ?><span class="required">*</span><?php } ?></strong>
      <input type="text" name="option[<?php echo $option['product_option_id']; ?>]" value="<?php echo $option['option_value']; ?>" class="time" />
    </div>
    <?php } ?>
    <?php } ?>
  </div>
<?php } ?>

Спасибо заранее, лучше без модулей докрутить... кнопки размеров можно и квадратные сделать, чтобы не замарачиваться с CSS, просто дорисовывал в PS.

Бесплатный совет, либо платная помощь.

[lasuria]

люди???

[Tom]

Код под спойлер спрячьте.И уточните что именно вам нужно? Готовый модуль? Бесплатный совет? Или платные услуги? Потому как  описать это в двух словах никак.

[lasuria]

поправил, просто очень хочется сделать по красивее, а платить за модуль color&size не хочется, тем более, что это можно реализовать и стандартными средствами, просто я плохо разбираюсь в коде, а помогать не кому...

[Tom]

А знаний хватит самому код править? В смысле если даже кто то выложит решение?

[lasuria]

Tom, на это знаний хватит (: я много чего сам руками на сайте сделал вычитывая и вытаскивая код, но самому написать не судьба, не знаю языка)=