Ограничение вывода значений в опциях и кнопка показать еще.

[boldurev11]

Добрый день!Есть мебельный магазин.И есть для этого сегмента обязательная опция выбор цвета.У некоторых производителей кол. цветов доходит до 50 шт. и они тянуться полотенцем в низ...Это очень не красиво.Хотелось бы выводить к примеру первые 6 а потом кнопка показать еще.Подскажите есть ли возможно уже готовые решения, или где это можно сделать самому?.Благодарю

[Гість smartcoder]

Готовых решений не встречал, подобную задачу уже делал клиенту. Если интересно решить вопрос платно - пишите в ЛС.

[fanatic]

и я могу

[boldurev11]

10 минут назад, smartcoder сказал:

Готовых решений не встречал, подобную задачу уже делал клиенту. Если интересно решить вопрос платно - пишите в ЛС.

Интересно решить вопрос самостоятельно, можете хотябы направление указать куда двигаться, javascript привлекали и тд.?

[boldurev11]

1 минуту назад, fanatic сказал:

и я могу

Интересно решить вопрос самостоятельно, можете хотябы направление указать куда двигаться, javascript привлекали и тд.?

[fanatic]

15 минут назад, boldurev11 сказал:

указать куда двигаться,

находим в шаблоне вывод опций

разбираемся(понимаем как выводятся)

переделываем как нужно,  первые 6 выводим,  остальные помещаем в контейнер с display:none

добавляем кнопку.  вешаем на кнопку onclick .  при клике  открываем или скрываем(если открыты)  можно show()  and  hide()  или  toogle()

[Гість smartcoder]

1 час назад, boldurev11 сказал:

можете хотябы направление указать куда двигаться, javascript

изучить php + js

затем сделать так, как описал коллега выше в файле /catalog/view/theme/ВАШ_ШАБЛОН/template/product/product.tpl

где начинается <?php if ($options) { ?>

 

[boldurev11]

2 часа назад, smartcoder сказал:

изучить php + js

затем сделать так, как описал коллега выше в файле /catalog/view/theme/ВАШ_ШАБЛОН/template/product/product.tpl

где начинается <?php if ($options) { ?>

 

<?php if ($option['type'] == 'radio') { ?>
<div id="option-<?php echo $option['product_option_id']; ?>">
   <div class="form-group<?php echo ($option['required'] ? ' required' : ''); ?>">
      <b class="req-star"><?php echo $option['name']; ?>:</b><br />
      <?php foreach ($option['product_option_value'] as $option_value) { ?>
      <?php if ($option_value['quantity_status']) { ?>
      <?php if ($option_value['image']) { ?>
      <div class="radio">
         <label class="not-selected-img optimid-<?php echo $option['option_id'];?>">
         <?php if (isset($images_by_options_data['status']) && $images_by_options_data['status']) { ?>
         <input onchange="update_prices_opt();" type="radio" name="option[<?php echo $option['product_option_id']; ?>]" value="<?php echo $option_value['product_option_value_id']; ?>" class="none"/>
         <?php } else { ?>
         <input type="radio" name="option[<?php echo $option['product_option_id']; ?>]" value="<?php echo $option_value['product_option_value_id']; ?>" class="none"/>
         <?php } ?>
         <img src="<?php echo $option_value['image']; ?>" alt="<?php echo $option_value['name'] . ($option_value['price'] ? ' ' . $option_value['price_prefix'] . $option_value['price'] : ''); ?>" class="img-thumbnail" data-toggle="tooltip" data-trigger="hover" title="<?php echo $option['name']; ?> <?php echo $option_value['name']." "; if ($option_value['price']) { ?><?php echo $option_value['price_prefix']; ?><?php echo $option_value['price']; ?><?php } ?>"/>
         </label>
      </div>
      <?php } else { ?>
      <?php if (isset($images_by_options_data['status']) && $images_by_options_data['status']) { ?>
      <input onchange="update_prices_opt();" 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']; ?>" class="none" />
      <?php } else { ?>
      <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']; ?>" class="none" />
      <?php } ?>
      <label for="option-value-<?php echo $option_value['product_option_value_id']; ?>" data-toggle="tooltip" data-trigger="hover" title="<?php echo $option['name']; ?> <?php echo $option_value['name']." "; if ($option_value['price']) { ?><?php echo $option_value['price_prefix']; ?><?php echo $option_value['price']; ?><?php } ?>" class="not-selected optid-<?php echo $option['option_id'];?>"><?php echo $option_value['name']; ?>
      </label>
      <?php } ?>
      <?php } else { ?>
      <?php if ($option_value['image']) { ?>
      <div class="radio">
         <label class="not-selected-img optimid-<?php echo $option['option_id'];?>">
            <input type="radio" name="option[<?php echo $option['product_option_id']; ?>]" value="<?php echo $option_value['product_option_value_id']; ?>" class="none" disabled/>
            <div class="disable-image-option" data-toggle="tooltip" data-trigger="hover click focus" title="<?php echo $product_na; ?>">
               <img src="<?php echo $option_value['image']; ?>" alt="<?php echo $option_value['name'] . ($option_value['price'] ? ' ' . $option_value['price_prefix'] . $option_value['price'] : ''); ?>" data-toggle="tooltip" data-trigger="hover"  class="img-thumbnail"/>
            </div>
         </label>
      </div>
      <?php } else { ?>
      <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']; ?>" class="none" disabled/>
      <label for="option-value-<?php echo $option_value['product_option_value_id']; ?>" data-toggle="tooltip" data-trigger="hover" title="<?php echo $product_na; ?>" class="not-selected optid-<?php echo $option['option_id'];?>"><?php echo $option_value['name']; ?>
      </label>
      <?php } ?>
      <?php } ?>
      <?php } ?>
      <div class="clearfix"></div>
   </div>
</div>

Извините за наглость но что-то не могу найти строки с минимальным и максимальным кол...

[Гість smartcoder]

Это нужно изменять и добавлять в коде, если сами все таки хотите, познакомьтесь в циклами foreach

[boldurev11]

Тему можно закрывать, все решил маленьким JS.