[Помогите] Slect color и size

Тема в разделе "OpenCart", создана пользователем ewgenij05, 12 апр 2013.

  1. ewgenij05

    ewgenij05

    Регистрация:
    17 мар 2013
    Сообщения:
    123
    Симпатии:
    7
    может кто подскажет как мжно сделать чтобы цвет товара показывал в картинках а не выподающии список,
    и также размер чтобы просто выходило например S M L XL XXL XXXL.
    Нашел модуль но нето. надо чтобы только картинки были.
     
  2. web2us

    web2us

    Регистрация:
    10 мар 2013
    Сообщения:
    18
    Симпатии:
    1
    правится в в шаблоне catalog/view/theme/default/template/product/product.tpl
    со строки 69
    делаешь как душе угодно
     
  3. ewgenij05

    ewgenij05

    Регистрация:
    17 мар 2013
    Сообщения:
    123
    Симпатии:
    7
    Если бы еще знать как, я в этом деле новичек делаю чисто для себя может поделитесь как можно сделать. Буду очень благодарен.
     
  4. web2us

    web2us

    Регистрация:
    10 мар 2013
    Сообщения:
    18
    Симпатии:
    1
    ну например так что ли
    это
    <select name="option[<?php echo $option['product_option_id']; ?>]">
    <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 } ?>
    </option>
    <?php } ?>
    </select>

    закменить на это

    <?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']; ?>"><?php echo $option_value['name']; ?><br />
    <?php } ?>


    и в опциях задать цвета и размеры
     
  5. ewgenij05

    ewgenij05

    Регистрация:
    17 мар 2013
    Сообщения:
    123
    Симпатии:
    7
    Вылазиет ошибка в цветах

    Notice: Undefined variable: option_value in C:\Ampps\www\mx\vqmod\vqcache\vq2-catalog_view_theme_default_template_product_product.tpl on line 103
    vqcache чистел

    и можно как нибуть эти радио кнопки убрать чтобы только картики были и наименования размера?
    а так то что нужно спаибо большое.
     
  6. web2us

    web2us

    Регистрация:
    10 мар 2013
    Сообщения:
    18
    Симпатии:
    1
    я отредактировал... убрал ошибку... поторапился

    с цветами сложней вместо радио кнопок... более хитрые вмешательства
     
  7. Gekos

    Gekos

    Регистрация:
    23 дек 2012
    Сообщения:
    12
    Симпатии:
    0
    сделай так
    <input type="radio" style="display:none;" name="option[<?php echo $option['product_option_id']; ?>]" value="<?php echo $option_value['product_option_value_id']; ?>">
     
  8. ewgenij05

    ewgenij05

    Регистрация:
    17 мар 2013
    Сообщения:
    123
    Симпатии:
    7
    сделал радио кнопки ушли а как теперь взберать ?
    --- добавлено: Apr 12, 2013 2:41 PM ---
    все ошибка пропала спасибо. А какие в мешательства может поможете? очень бы хотелось.
     
  9. Gekos

    Gekos

    Регистрация:
    23 дек 2012
    Сообщения:
    12
    Симпатии:
    0
    можно попробовать через onclick....только это вот java....надо вспоминать...

    попробуй так
    <input type="radio" style="display:none;" onclick="getElementByName('<?php $option['product_option_id'];?>').click()" name="option[<?php echo $option['product_option_id']; ?>]" value="<?php echo $option_value['product_option_value_id']; ?>">
     
  10. ewgenij05

    ewgenij05

    Регистрация:
    17 мар 2013
    Сообщения:
    123
    Симпатии:
    7
    ht
    что то не идет :cry:
     
  11. web2us

    web2us

    Регистрация:
    10 мар 2013
    Сообщения:
    18
    Симпатии:
    1
    попробуй так :Smile:
    Можно наверное так, создать в опциях цвета с название Red, Green, Blue
    у товаров добавляем опции и то что меняли меняем на

    PHP:
    <?php foreach ($option['option_value'] as $option_value) {
    switch(
    $option_value['name']){
    case 
    'Red': { ?>
    <input type="hidden" name="option[<?php echo $option['product_option_id']; ?>]" id="m1<?php echo $option['product_option_id']; ?>" value="">
    <div style=\"width: 20px;height: 20px; background-color: #FF0000;\" onclick='$(\"#m1".$option['product_option_id']."\").val(".$option_value['product_option_value_id'].");'></div>"<?php }
    case 
    'Green': { ?>
    <input type="hidden" name="option[<?php echo $option['product_option_id']; ?>]" id="m1<?php echo $option['product_option_id']; ?>" value="">
    <div style=\"width: 20px;height: 20px; background-color: #00FF00;\" onclick='$(\"#m1".$option['product_option_id']."\").val(".$option_value['product_option_value_id'].");'></div><?php }
    case 
    'Blue': {?>
    <input type="hidden" name="option[<?php echo $option['product_option_id']; ?>]" id="m1<?php echo $option['product_option_id']; ?>" value="">
    <div style=\"width: 20px;height: 20px; background-color: #0000FF;\" onclick='$(\"#m1".$option['product_option_id']."\").val(".$option_value['product_option_value_id'].");'></div><?php }
    default: {
    ?>
    <input type="radio" name="option[<?php echo $option['product_option_id']; ?>]" id="m1<?php echo $option['product_option_id']; ?>" value="<?php echo $option_value['product_option_value_id']; ?>"><?php}
    }
    ?>
    <?php ?>
    <input type="hidden" name="option[<?php echo $option['product_option_id']; ?>]" id="m1<?php echo $option['product_option_id']; ?>" value="">
     
    ewgenij05 нравится это.
  12. ewgenij05

    ewgenij05

    Регистрация:
    17 мар 2013
    Сообщения:
    123
    Симпатии:
    7
    уже и так и так пробывал но выласиет вот такая ошибка


    Parse error: syntax error, unexpected '}' in C:\Ampps\www\mx\vqmod\vqcache\vq2-catalog_view_theme_default_template_product_product.tpl on line 120
    --- добавлено: Apr 12, 2013 5:09 PM ---
    вот полностью код может я что то не то делаю:hot:
    PHP:
    <?php echo $header?><?php echo $column_left?><?php echo $column_right?>
    <div id="content"><?php echo $content_top?>
      <div class="breadcrumb">
        <?php foreach ($breadcrumbs as $breadcrumb) { ?>
        <?php echo $breadcrumb['separator']; ?><a href="<?php echo $breadcrumb['href']; ?>"><?php echo $breadcrumb['text']; ?></a>
        <?php ?>
      </div>
      <h1><?php echo $heading_title?></h1>
      <div class="border">
      <div class="product-info">
        <?php if ($thumb || $images) { ?>
        <div class="left">
          <a href="<?php echo $popup?>" title="<?php echo $heading_title?>" class="colorbox image_colorbox" rel="colorbox"></a>
          <?php if ($special) { ?>
            <div class="sale"><?php echo $percent?>%</div>
          <?php ?>
          <?php if ($thumb) { ?>
          <div class="image"><a href="<?php echo $popup?>" title="<?php echo $heading_title?>" class="cloud-zoom" id='zoom1' rel="adjustX: 10, adjustY:-4, tint:'#000000',tintOpacity:0.2, zoomWidth:360"><img src="<?php echo $thumb?>" title="<?php echo $heading_title?>" alt="<?php echo $heading_title?>" id="image" /></a></div>
          <?php ?>
          <?php if ($images) { ?>
          <div class="image-additional">
            <?php foreach ($images as $image) { ?>
            <a href="<?php echo $image['popup']; ?>" title="<?php echo $heading_title?>" class="cloud-zoom-gallery" rel="useZoom: 'zoom1', smallImage:'<?php echo $image['thumb2']; ?>'"><img src="<?php echo $image['thumb1']; ?>" title="<?php echo $heading_title?>" alt="<?php echo $heading_title?>" /></a>
            <?php ?>
          </div>
          <?php ?>
        </div>
        <?php ?>
        <div class="right">
          <div class="description">
            <?php if ($manufacturer) { ?>
            <span><?php echo $text_manufacturer?></span> <a href="<?php echo $manufacturers?>"><?php echo $manufacturer?></a><br />
            <?php ?>
            <span><?php echo $text_model?></span> <?php echo $model?><br />
            <?php if ($this->config->get('config_display_weight') && $weight) { ?>
            <span><?php echo $text_weight?> </span> <?php echo $weight?><br />
            <?php ?>
            <?php if ($this->config->get('config_display_sku') && $sku) { ?>
            <span><?php echo $text_sku?> </span> <?php echo $sku?><br />
            <?php ?>
            <?php if ($this->config->get('config_display_upc') && $upc) { ?>
            <span><?php echo $text_upc?> </span> <?php echo $upc?><br />
            <?php ?>
            <?php if ($this->config->get('config_display_ean') && $ean) { ?>
            <span><?php echo $text_ean?> </span> <?php echo $ean?><br />
            <?php ?>
            <?php if ($this->config->get('config_display_jan') && $jan) { ?>
            <span><?php echo $text_jan?> </span> <?php echo $jan?><br />
            <?php ?>
            <?php if ($this->config->get('config_display_isbn') && $isbn) { ?>
            <span><?php echo $text_isbn?> </span> <?php echo $isbn?><br />
            <?php ?>
            <?php if ($this->config->get('config_display_mpn') && $mpn) { ?>
            <span><?php echo $text_mpn?> </span> <?php echo $mpn?><br />
            <?php ?>
            <?php if ($this->config->get('config_display_location') && $location) { ?>
            <span><?php echo $text_location?> </span> <?php echo $location?><br />
            <?php ?>    
            <?php if ($reward) { ?>
            <span><?php echo $text_reward?></span> <?php echo $reward?><br />
            <?php ?>
            <span><?php echo $text_stock?></span> <?php echo $stock?></div>
          <?php if ($price) { ?>
          <div class="price"><?php echo $text_price?>
            <?php if (!$special) { ?>
            <?php echo $price?>
            <?php } else { ?>
            <span class="price-old"><?php echo $price?></span> <span class="price-new"><?php echo $special?></span>
            <br />
            <span class="saving"><?php echo $text_saving?><span style="color: #F00;"><?php echo $saving?> (<?php echo $percent?>%)</span></span>
            <?php ?>
            <br />
            <?php if ($tax) { ?>
            <span class="price-tax"><?php echo $text_tax?> <?php echo $tax?></span><br />
            <?php ?>
            <?php if ($points) { ?>
            <span class="reward"><small><?php echo $text_points?> <?php echo $points?></small></span><br />
            <?php ?>
            <?php if ($discounts) { ?>
            <br />
            <div class="discount">
              <?php foreach ($discounts as $discount) { ?>
              <?php echo sprintf($text_discount$discount['quantity'], $discount['price']); ?><br />
              <?php ?>
            </div>
            <?php ?>
          </div>
          <?php ?>
          <?php if ($options) { ?>
          <div class="options">
            <h2><?php echo $text_option?></h2>
            <br />
            <?php foreach ($options as $option) { ?>
            <?php if ($option['type'] == 'select') { ?>
            <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><br />
         
         
         
         
              <?php foreach ($option['option_value'] as $option_value) {
    switch(
    $option_value['name']){
    case 
    'Red': { ?>
    <input type="hidden" name="option[<?php echo $option['product_option_id']; ?>]" id="m1<?php echo $option['product_option_id']; ?>" value="">
    <div style=\"width: 20px;height: 20px; background-color: #FF0000;\" onclick='$(\"#m1".$option['product_option_id']."\").val(".$option_value['product_option_value_id'].");'></div>"<?php }
    case 
    'Green': { ?>
    <input type="hidden" name="option[<?php echo $option['product_option_id']; ?>]" id="m1<?php echo $option['product_option_id']; ?>" value="">
    <div style=\"width: 20px;height: 20px; background-color: #00FF00;\" onclick='$(\"#m1".$option['product_option_id']."\").val(".$option_value['product_option_value_id'].");'></div><?php }
    case 
    'Blue': {?>
    <input type="hidden" name="option[<?php echo $option['product_option_id']; ?>]" id="m1<?php echo $option['product_option_id']; ?>" value="">
    <div style=\"width: 20px;height: 20px; background-color: #0000FF;\" onclick='$(\"#m1".$option['product_option_id']."\").val(".$option_value['product_option_value_id'].");'></div><?php }
    default: {
    ?>
    <input type="radio" name="option[<?php echo $option['product_option_id']; ?>]" id="m1<?php echo $option['product_option_id']; ?>" value="<?php echo $option_value['product_option_value_id']; ?>"><?php}
    }
    ?>
    <?php ?>
    <input type="hidden" name="option[<?php echo $option['product_option_id']; ?>]" id="m1<?php echo $option['product_option_id']; ?>" value="">
         
         
         
            </div>
            <br />
            <?php ?>
            <?php if ($option['type'] == 'radio') { ?>
            <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><br />
              <?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 ?>
              </label>
              <br />
              <?php ?>
            </div>
            <br />
            <?php ?>
            <?php if ($option['type'] == 'checkbox') { ?>
            <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><br />
              <?php foreach ($option['option_value'] as $option_value) { ?>
              <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 ?>
              </label>
              <br />
              <?php ?>
            </div>
            <br />
            <?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><br />
              <table class="option-image">
                <?php foreach ($option['option_value'] as $option_value) { ?>
                <tr>
                  <td style="width: 1px;"><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']; ?>" /></td>
                  <td><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></td>
                  <td><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 ?>
                    </label></td>
                </tr>
                <?php ?>
              </table>
            </div>
            <br />
            <?php ?>
            <?php if ($option['type'] == 'text') { ?>
            <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><br />
              <input type="text" name="option[<?php echo $option['product_option_id']; ?>]" value="<?php echo $option['option_value']; ?>" />
            </div>
            <br />
            <?php ?>
            <?php if ($option['type'] == 'textarea') { ?>
            <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><br />
              <textarea name="option[<?php echo $option['product_option_id']; ?>]" cols="40" rows="5"><?php echo $option['option_value']; ?></textarea>
            </div>
            <br />
            <?php ?>
            <?php if ($option['type'] == 'file') { ?>
            <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><br />
              <input type="button" value="<?php echo $button_upload?>" id="button-option-<?php echo $option['product_option_id']; ?>" class="button">
              <input type="hidden" name="option[<?php echo $option['product_option_id']; ?>]" value="" />
            </div>
            <br />
            <?php ?>
            <?php if ($option['type'] == 'date') { ?>
            <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><br />
              <input type="text" name="option[<?php echo $option['product_option_id']; ?>]" value="<?php echo $option['option_value']; ?>" class="date" />
            </div>
            <br />
            <?php ?>
            <?php if ($option['type'] == 'datetime') { ?>
            <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><br />
              <input type="text" name="option[<?php echo $option['product_option_id']; ?>]" value="<?php echo $option['option_value']; ?>" class="datetime" />
            </div>
            <br />
            <?php ?>
            <?php if ($option['type'] == 'time') { ?>
            <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><br />
              <input type="text" name="option[<?php echo $option['product_option_id']; ?>]" value="<?php echo $option['option_value']; ?>" class="time" />
            </div>
            <br />
            <?php ?>
            <?php ?>
          </div>
          <?php ?>
          <div class="cart">
            <div><?php echo $text_qty?>
              <input type="text" name="quantity" size="2" value="<?php echo $minimum?>" />
              <input type="hidden" name="product_id" size="2" value="<?php echo $product_id?>" />
              &nbsp;
              <input type="button" value="<?php echo $button_cart?>" id="button-cart" class="button" />
            </div>
            <div><span>&nbsp;&nbsp;&nbsp;<?php echo $text_or?>&nbsp;&nbsp;&nbsp;</span></div>
            <div><a onclick="addToWishList('<?php echo $product_id?>');"><?php echo $button_wishlist?></a><br />
              <a onclick="addToCompare('<?php echo $product_id?>');"><?php echo $button_compare?></a></div>
            <?php if ($minimum 1) { ?>
            <div class="minimum"><?php echo $text_minimum?></div>
            <?php ?>
          </div>
          <?php if ($review_status) { ?>
          <div class="review">
            <div><img src="catalog/view/theme/default/image/stars-<?php echo $rating?>.png" alt="<?php echo $reviews?>" />&nbsp;&nbsp;<a onclick="$('a[href=\'#tab-review\']').trigger('click');"><?php echo $reviews?></a>&nbsp;&nbsp;|&nbsp;&nbsp;<a onclick="$('a[href=\'#tab-review\']').trigger('click');"><?php echo $text_write?></a></div>
            <div class="share">
              <!-- AddThis Button BEGIN -->
              <div class="addthis_toolbox addthis_default_style addthis_32x32_style">
                <a class="addthis_button_preferred_1"></a>
                <a class="addthis_button_preferred_2"></a>
                <a class="addthis_button_preferred_3"></a>
                <a class="addthis_button_preferred_4"></a>
                <a class="addthis_button_compact"></a>
                <a class="addthis_counter addthis_bubble_style"></a>
              </div>
              <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4f6a758d24474e98"></script>
              <!-- AddThis Button END -->
            </div>
          </div>
          <?php ?>
        </div>
      </div>
      <div id="tabs" class="htabs"><a href="#tab-description"><?php echo $tab_description?></a>
        <?php if ($attribute_groups) { ?>
        <a href="#tab-attribute"><?php echo $tab_attribute?></a>
        <?php ?>
        <?php if ($review_status) { ?>
        <a href="#tab-review"><?php echo $tab_review?></a>
        <?php ?>
        <?php if ($products) { ?>
        <a href="#tab-related"><?php echo $tab_related?> (<?php echo count($products); ?>)</a>
        <?php ?>
      </div>
      <div id="tab-description" class="tab-content"><?php echo $description?></div>
      <?php if ($attribute_groups) { ?>
      <div id="tab-attribute" class="tab-content">
        <table class="attribute">
          <?php foreach ($attribute_groups as $attribute_group) { ?>
          <thead>
            <tr>
              <td colspan="2"><?php echo $attribute_group['name']; ?></td>
            </tr>
          </thead>
          <tbody>
            <?php foreach ($attribute_group['attribute'] as $attribute) { ?>
            <tr>
              <td><?php echo $attribute['name']; ?></td>
              <td><?php echo $attribute['text']; ?></td>
            </tr>
            <?php ?>
          </tbody>
          <?php ?>
        </table>
      </div>
      <?php ?>
      <?php if ($review_status) { ?>
      <div id="tab-review" class="tab-content">
        <div id="review"></div>
        <h2 id="review-title"><?php echo $text_write?></h2>
        <b><?php echo $entry_name?></b><br />
        <input type="text" name="name" value="" />
        <br />
        <br />
        <b><?php echo $entry_review?></b>
        <textarea name="text" cols="40" rows="8" style="width: 98%;"></textarea>
        <span style="font-size: 11px;"><?php echo $text_note?></span><br />
        <br />
        <b><?php echo $entry_rating?></b> <span><?php echo $entry_bad?></span>&nbsp;
        <input type="radio" name="rating" value="1" />
        &nbsp;
        <input type="radio" name="rating" value="2" />
        &nbsp;
        <input type="radio" name="rating" value="3" />
        &nbsp;
        <input type="radio" name="rating" value="4" />
        &nbsp;
        <input type="radio" name="rating" value="5" />
        &nbsp;<span><?php echo $entry_good?></span><br />
        <br />
        <b><?php echo $entry_captcha?></b><br />
        <input type="text" name="captcha" value="" />
        <br />
        <img src="index.php?route=product/product/captcha" alt="" id="captcha" /><br />
        <br />
        <div class="buttons">
          <div class="right"><a id="button-review" class="button"><?php echo $button_continue?></a></div>
        </div>
      </div>
      <?php ?>
      <?php if ($products) { ?>
      <div id="tab-related" class="tab-content">
        <div class="box-product">
          <?php foreach ($products as $product) { ?>
          <div>
            <?php if ($product['special']) { ?>
              <div class="sale"><?php echo $product['percent']; ?>%</div>
            <?php ?>
            <?php if ($product['thumb']) { ?>
            <div class="image"><a href="<?php echo $product['href']; ?>"><img src="<?php echo $product['thumb']; ?>" alt="<?php echo $product['name']; ?>" /></a></div>
            <?php ?>
            <div class="name"><a href="<?php echo $product['href']; ?>"><?php echo $product['name']; ?></a></div>
            <?php if ($product['price']) { ?>
            <div class="price">
              <?php if (!$product['special']) { ?>
              <?php echo $product['price']; ?>
              <?php } else { ?>
              <span class="price-old"><?php echo $product['price']; ?></span> <span class="price-new"><?php echo $product['special']; ?></span>
              <?php ?>
            </div>
            <?php ?>
            <?php if ($product['rating']) { ?>
            <div class="rating"><img src="catalog/view/theme/default/image/stars-<?php echo $product['rating']; ?>.png" alt="<?php echo $product['reviews']; ?>" /></div>
            <?php ?>
            <a onclick="addToCart('<?php echo $product['product_id']; ?>');" class="button"><?php echo $button_cart?></a></div>
          <?php ?>
        </div>
      </div>
      <?php ?>
      <?php if ($tags) { ?>
      <div class="tags"><b><?php echo $text_tags?></b>
        <?php for ($i 0$i count($tags); $i++) { ?>
        <?php if ($i < (count($tags) - 1)) { ?>
        <a href="<?php echo $tags[$i]['href']; ?>"><?php echo $tags[$i]['tag']; ?></a>,
        <?php } else { ?>
        <a href="<?php echo $tags[$i]['href']; ?>"><?php echo $tags[$i]['tag']; ?></a>
        <?php ?>
        <?php ?>
      </div>
      <?php ?>
      </div>
      <?php echo $content_bottom?></div>
    <script type="text/javascript"><!--
    $('.colorbox').colorbox({
        overlayClose: true,
        opacity: 0.5
    });
    //--></script>
    <script type="text/javascript"><!--
    $('#button-cart').bind('click', function() {
        $.ajax({
            url: 'index.php?route=checkout/cart/add',
            type: 'post',
            data: $('.product-info input[type=\'text\'], .product-info input[type=\'hidden\'], .product-info input[type=\'radio\']:checked, .product-info input[type=\'checkbox\']:checked, .product-info select, .product-info textarea'),
            dataType: 'json',
            success: function(json) {
                $('.success, .warning, .attention, information, .error').remove();
     
                if (json['error']) {
                    if (json['error']['option']) {
                        for (i in json['error']['option']) {
                            $('#option-' + i).after('<span class="error">' + json['error']['option'][i] + '</span>');
                        }
                    }
                }
     
                if (json['success']) {
                    $('#notification').html('<div class="success" style="display: none;">' + json['success'] + '<img src="catalog/view/theme/default/image/close.png" alt="" class="close" /></div>');
     
                    $('.success').fadeIn('slow');
     
                    $('#cart-total').html(json['total']);
     
                    $('#cart').addClass('active');
     
                    $('#cart').load('index.php?route=module/cart #cart > *');
     
                    setTimeout(function() {$('#cart').removeClass('active');}, 5000);
     
                    $('html, body').animate({ scrollTop: 0 }, 'slow');
                }
            }
        });
    });
    //--></script>
    <?php if ($options) { ?>
    <script type="text/javascript" src="catalog/view/javascript/jquery/ajaxupload.js"></script>
    <?php foreach ($options as $option) { ?>
    <?php 
    if ($option['type'] == 'file') { ?>
    <script type="text/javascript"><!--
    new AjaxUpload('#button-option-<?php echo $option['product_option_id']; ?>', {
        action: 'index.php?route=product/product/upload',
        name: 'file',
        autoSubmit: true,
        responseType: 'json',
        onSubmit: function(file, extension) {
            $('#button-option-<?php echo $option['product_option_id']; ?>').after('<img src="catalog/view/theme/default/image/loading.gif" class="loading" style="padding-left: 5px;" />');
            $('#button-option-<?php echo $option['product_option_id']; ?>').attr('disabled', true);
        },
        onComplete: function(file, json) {
            $('#button-option-<?php echo $option['product_option_id']; ?>').attr('disabled', false);
     
            $('.error').remove();
     
            if (json['success']) {
                alert(json['success']);
     
                $('input[name=\'option[<?php echo $option['product_option_id']; ?>]\']').attr('value', json['file']);
            }
     
            if (json['error']) {
                $('#option-<?php echo $option['product_option_id']; ?>').after('<span class="error">' + json['error'] + '</span>');
            }
     
            $('.loading').remove();
        }
    });
    //--></script>
    <?php ?>
    <?php 
    ?>
    <?php 
    ?>
    <script type="text/javascript"><!--
    $('#review .pagination a').live('click', function() {
        $('#review').fadeOut('slow');
     
        $('#review').load(this.href);
     
        $('#review').fadeIn('slow');
     
        return false;
    });        
     
    $('#review').load('index.php?route=product/product/review&product_id=<?php echo $product_id?>');
     
    $('#button-review').bind('click', function() {
        $.ajax({
            url: 'index.php?route=product/product/write&product_id=<?php echo $product_id?>',
            type: 'post',
            dataType: 'json',
            data: 'name=' + encodeURIComponent($('input[name=\'name\']').val()) + '&text=' + encodeURIComponent($('textarea[name=\'text\']').val()) + '&rating=' + encodeURIComponent($('input[name=\'rating\']:checked').val() ? $('input[name=\'rating\']:checked').val() : '') + '&captcha=' + encodeURIComponent($('input[name=\'captcha\']').val()),
            beforeSend: function() {
                $('.success, .warning').remove();
                $('#button-review').attr('disabled', true);
                $('#review-title').after('<div class="attention"><img src="catalog/view/theme/default/image/loading.gif" alt="" /> <?php echo $text_wait?></div>');
            },
            complete: function() {
                $('#button-review').attr('disabled', false);
                $('.attention').remove();
            },
            success: function(data) {
                if (data['error']) {
                    $('#review-title').after('<div class="warning">' + data['error'] + '</div>');
                }
     
                if (data['success']) {
                    $('#review-title').after('<div class="success">' + data['success'] + '</div>');
     
                    $('input[name=\'name\']').val('');
                    $('textarea[name=\'text\']').val('');
                    $('input[name=\'rating\']:checked').attr('checked', '');
                    $('input[name=\'captcha\']').val('');
                }
            }
        });
    });
    //--></script>
    <script type="text/javascript"><!--
    $('#tabs a').tabs();
    //--></script>
    <script type="text/javascript" src="catalog/view/javascript/jquery/ui/jquery-ui-timepicker-addon.js"></script>
    <script type="text/javascript"><!--
    if ($.browser.msie && $.browser.version == 6) {
        $('.date, .datetime, .time').bgIframe();
    }
     
    $('.date').datepicker({dateFormat: 'yy-mm-dd'});
    $('.datetime').datetimepicker({
        dateFormat: 'yy-mm-dd',
        timeFormat: 'h:m'
    });
    $('.time').timepicker({timeFormat: 'h:m'});
    //--></script>
    <?php echo $footer?>
     
  13. web2us

    web2us

    Регистрация:
    10 мар 2013
    Сообщения:
    18
    Симпатии:
    1
    подчистил вот так замени кусок кода
    <?php foreach ($option['option_value'] as $option_value) {
    switch($option_value['name']){
    case 'Red': { ?>
    <input type="hidden" name="option[<?php echo $option['product_option_id']; ?>]" id="m1<?=$option['product_option_id']?>" value="">
    <div style="width: 20px;height: 20px; background-color: #FF0000;" onclick='$("#m1".<?=$option['product_option_id']?>").val(<?=$option_value['product_option_value_id']?>);'></div><?php }
    case 'Green': { ?>
    <input type="hidden" name="option[<?php echo $option['product_option_id']; ?>]" id="m1<?=$option['product_option_id']?>" value="">
    <div style="width: 20px;height: 20px; background-color: #00FF00;" onclick='$("#m1<?=$option['product_option_id']?>").val(<?=$option_value['product_option_value_id']?>);'></div><?php }
    case 'Blue': {?>
    <input type="hidden" name="option[<?=$option['product_option_id']?>]" id="m1<?=$option['product_option_id']?>" value="">
    <div style="width: 20px;height: 20px; background-color: #0000FF;" onclick='$("#m1<?=$option['product_option_id']?>").val(<?=$option_value['product_option_value_id']?>);'></div><?php }
    default: {?>
    <input type="radio" name="option[<?=$option['product_option_id']?>]" id="m1<?=$option['product_option_id']?>" value="<?=$option_value['product_option_value_id']?>"><?php }
    }
    ?>
    <?php } ?>
     
  14. ewgenij05

    ewgenij05

    Регистрация:
    17 мар 2013
    Сообщения:
    123
    Симпатии:
    7
    Вот так вот у меня выглядит без картинок просто радио кнопки. Картинки установил
    [​IMG]
     
  15. web2us

    web2us

    Регистрация:
    10 мар 2013
    Сообщения:
    18
    Симпатии:
    1
    да выложи ты ее на rghost.ru (тут просто рекламы нет, но удаляются быстро) или еще куда... и кинь ссыль
    не видно картинок
    --- добавлено: Apr 12, 2013 5:36 PM ---
    почисть кэш, system/cache
    задай опции, замени код и покажи что выйдет...
     
  16. ewgenij05

    ewgenij05

    Регистрация:
    17 мар 2013
    Сообщения:
    123
    Симпатии:
    7
  17. web2us

    web2us

    Регистрация:
    10 мар 2013
    Сообщения:
    18
    Симпатии:
    1
    короче вот так работает

    <?php foreach ($option['option_value'] as $option_value) {
    if($option_value['name']== 'Red') { ?>
    <input type="hidden" name="option[<?php echo $option['product_option_id']; ?>]" id="m1<?=$option['product_option_id']?>" value="0">
    <div id="mm1<?=$option_value['product_option_value_id']?>" style="width: 20px;height: 20px; background-color: #FF0000;" onclick='$(this).css("border","1px solid #79B986");$("#mm1"+$("#m1<?=$option['product_option_id']?>").val()).css("border","0px solid #79B986");$("#m1<?=$option['product_option_id']?>").val(<?=$option_value['product_option_value_id']?>);'></div><?php }elseif($option_value['name']== 'Green') { ?>
    <div id="mm1<?=$option_value['product_option_value_id']?>" style="width: 20px;height: 20px; background-color: #00FF00;" onclick='$(this).css("border","1px solid #79B986");$("#mm1"+$("#m1<?=$option['product_option_id']?>").val()).css("border","0px solid #79B986");$("#m1<?=$option['product_option_id']?>").val(<?=$option_value['product_option_value_id']?>);'></div><?php }elseif($option_value['name'] == 'Blue') {?>
    <div id="mm1<?=$option_value['product_option_value_id']?>" style="width: 20px;height: 20px; background-color: #0000FF;" onclick='$(this).css("border","1px solid #79B986");$("#mm1"+$("#m1<?=$option['product_option_id']?>").val()).css("border","0px solid #79B986");$("#m1<?=$option['product_option_id']?>").val(<?=$option_value['product_option_value_id']?>);'></div><?php }else{ ?>
    <input type="radio" name="option[<?=$option['product_option_id']?>]" id="m1<?=$option['product_option_id']?>" value="<?=$option_value['product_option_value_id']?>"><?php }
    ?>
    <?php } ?>
     
    ewgenij05 нравится это.
  18. ewgenij05

    ewgenij05

    Регистрация:
    17 мар 2013
    Сообщения:
    123
    Симпатии:
    7
    а как можно сделать активную ссылку что бы она выделялась например бордер другой я пробывал делать например .мой_стил :active и так пробывал .мой_стил :current но все без изменений. как можно еще сделать
     
  19. web2us

    web2us

    Регистрация:
    10 мар 2013
    Сообщения:
    18
    Симпатии:
    1
    вот так?
    PHP:
    <?php foreach ($option['option_value'] as $option_value) {
    if(
    $option_value['name']== 'Red') { ?>
    <input type="hidden" name="option[<?php echo $option['product_option_id']; ?>]" id="m1<?=$option['product_option_id']?>" value="1">
    <div id="mm1<?=$option_value['product_option_value_id']?>" style="width: 20px;height: 20px; background-color: #FF0000;border:1px solid #79B986;" onclick='$("#mm1"+$("#m1<?=$option['product_option_id']?>").val()).css("border","0px solid #79B986");$(this).css("border","1px solid #79B986");$("#m1<?=$option['product_option_id']?>").val(<?=$option_value['product_option_value_id']?>);'></div>&nbsp;<?php }elseif($option_value['name']== 'Green') { ?>
    <div id="mm1<?=$option_value['product_option_value_id']?>" style="width: 20px;height: 20px; background-color: #00FF00;" onclick='$("#mm1"+$("#m1<?=$option['product_option_id']?>").val()).css("border","0px solid #79B986");$(this).css("border","1px solid #79B986");$("#m1<?=$option['product_option_id']?>").val(<?=$option_value['product_option_value_id']?>);'></div>&nbsp;<?php }elseif($option_value['name'] == 'Blue') {?>
    <div id="mm1<?=$option_value['product_option_value_id']?>" style="width: 20px;height: 20px; background-color: #0000FF;" onclick='$("#mm1"+$("#m1<?=$option['product_option_id']?>").val()).css("border","0px solid #79B986");$(this).css("border","1px solid #79B986");$("#m1<?=$option['product_option_id']?>").val(<?=$option_value['product_option_value_id']?>);'></div><?php }else{ ?>
    <input type="radio" name="option[<?=$option['product_option_id']?>]" id="m1<?=$option['product_option_id']?>" value="<?=$option_value['product_option_value_id']?>"><?php }
    ?>
    <?php 
    ?>
     
  20. ilya-reabilitaciya

    ilya-reabilitaciya

    Регистрация:
    6 апр 2013
    Сообщения:
    3
    Симпатии:
    0
    Приветствую!
    Я тоже самое через картинки делал. Кустарный вариант (((


    Не подскажете, как, используя Ваш вариант, вывести варианты опций в 1 строчку? (горизонтально)