Skippy

Необходимо в низ карточки товара вывести прайс лист дополнительных элементов из EXCEL с возможностью редактирования. Как это лучше сделать? Вот пример

Всем привет, столкнулась с такой задачей: нужно поместить опции в спойлеры. Подскажите как это сделать. Вот код, где я пыталась реализовать спойлеры: ........................................................ <?php if ($option['type'] == 'radio') { ?> <div class="col-xs-12 col-md-12 col-sm-12 col-lg-12"> <a class="aspoiler" href="javascript:fspoiler()"><h3><?php echo $option['name']; ?></h3></a></div> <div class="form-group<?php echo ($option['required'] ? ' required' : ''); ?>"> <div id="input-option<?php echo $option['product_option_id']; ?>"> <div class="col-xs-12 col-md-12 col-sm-12 col-lg-12"> <div id="spoiler" style="display:none"> <?php foreach ($option['product_option_value'] as $option_value) { ?> <div class="radio"> ............................................................................... <script type="text/javascript"> function fspoiler() { obj = document.getElementById("spoiler"); if( obj.style.display == "none" ) { obj.style.display = "block"; } else { obj.style.display = "none"; }} </script> ......................................................................................... В результате из всего списка опций открывается только первая

Ребята, подскажите,пожалуйста в чём проблема. Прописала код для увеличения изображений опций при наведении курсора в product.tpl и в css. Но видимо этого недостаточно, так как изображение не хочет увеличиваться... Или в где-то ошибка... Вот эти фрагменты кода product.tpl <?php if ($option['type'] == 'radio') { ?> <div class="col-xs-12 col-md-12 col-sm-12 col-lg-12"><h3><?php echo $option['name']; ?></h3></div> <div class="form-group<?php echo ($option['required'] ? ' required' : ''); ?>"> <div id="input-option<?php echo $option['product_option_id']; ?>"> <?php foreach ($option['product_option_value'] as $option_value) { ?> <div class="col-xs-4 col-md-2 col-sm-2 col-lg-2"> <div class="radio"> <label> <?php if ($option_value['image']) { ?> <input type="radio" name="option[<?php echo $option['product_option_id']; ?>]" value="<?php echo $option_value['product_option_value_id']; ?>"/> <div class="imgbighidden"><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" /></div> <div class="imghidden"><img src="<?php echo $option_value['image']; ?>" width="100%" alt="<?php echo $option_value['name'] . ($option_value['price'] ? ' ' . $option_value['price_prefix'] . $option_value['price'] : ''); ?>" class="img-thumbnail" /></div> <?php } ?> <?php echo $option_value['name']; ?> <?php if ($option_value['price']) { ?> (<?php echo $option_value['price_prefix']; ?><?php echo $option_value['price']; ?>) <?php } ?> </label> </div> </div> <?php } ?> </div> </div> <?php } ?> СSS .img-thumbnail { display: inline-block; overflow:hidden; max-width: 100%; height: auto; padding: 4px; line-height: 1.42857143; background-color: #fff; border: 0px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .imghidden{ overflow: hidden; cursor: pointer; height: 50px; width: 130px; Вот такое вот я вижу( border-radius: 4px; } .imgbighidden{ cursor:pointer; display: none; position: absolute; bottom: 70px; right: -30px; border-radius: 4px; box-shadow: 2px 0px 14px #000; z-index: 10; } .imgbighidden img{ border-radius: 4px; } .img-thumbnail:hover . imgbighidden{display: block; }

1.Как реализовать увеличение изображения опций при наведении курсора? 2.Как убрать белые полосы с изображений через image.php?

этот метод предельно ясен. А вот мне нужно сделать увеличение при наведении на опцию. Не подскажете как это реализовать?

По поводу разметки. Я не пойму как её реализовать и куда пихать(( <?php if ($options) { ?> <div class="row"> <hr> <h3><?php echo $text_option; ?></h3> <?php foreach ($options as $option) { ?> <?php if ($option['type'] == 'select') { ?> <div class="form-group<?php echo ($option['required'] ? ' required' : ''); ?>"> <label class="control-label" for="input-option<?php echo $option['product_option_id']; ?>"><?php echo $option['name']; ?></label> <select name="option[<?php echo $option['product_option_id']; ?>]" id="input-option<?php echo $option['product_option_id']; ?>" class="form-control"> <option value=""><?php echo $text_select; ?></option> <?php foreach ($option['product_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> </div> <?php } ?> <?php if ($option['type'] == 'radio') { ?> <div class="form-group<?php echo ($option['required'] ? ' required' : ''); ?>"> <label class="control-label"><?php echo $option['name']; ?></label> <div id="input-option<?php echo $option['product_option_id']; ?>"> <?php foreach ($option['product_option_value'] as $option_value) { ?> <div class="radio"> <label> <input type="radio" name="option[<?php echo $option['product_option_id']; ?>]" value="<?php echo $option_value['product_option_value_id']; ?>" /> <?php if ($option_value['image']) { ?> <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" /> <?php } ?> <?php echo $option_value['name']; ?> <?php if ($option_value['price']) { ?> (<?php echo $option_value['price_prefix']; ?><?php echo $option_value['price']; ?>) <?php } ?> </label> </div> <?php } ?> </div> </div> <?php } ?> <?php if ($option['type'] == 'checkbox') { ?> <div class="form-group<?php echo ($option['required'] ? ' required' : ''); ?>"> <label class="control-label"><?php echo $option['name']; ?></label> <div id="input-option<?php echo $option['product_option_id']; ?>"> <?php foreach ($option['product_option_value'] as $option_value) { ?> <div class="checkbox"> <label> <input type="checkbox" name="option[<?php echo $option['product_option_id']; ?>][]" value="<?php echo $option_value['product_option_value_id']; ?>" /> <?php if ($option_value['image']) { ?> <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" /> <?php } ?> <?php echo $option_value['name']; ?> <?php if ($option_value['price']) { ?> (<?php echo $option_value['price_prefix']; ?><?php echo $option_value['price']; ?>) <?php } ?> </label> </div> <?php } ?> </div> </div> <?php } ?> <?php if ($option['type'] == 'text') { ?> <div class="form-group<?php echo ($option['required'] ? ' required' : ''); ?>"> <label class="control-label" for="input-option<?php echo $option['product_option_id']; ?>"><?php echo $option['name']; ?></label> <input type="text" name="option[<?php echo $option['product_option_id']; ?>]" value="<?php echo $option['value']; ?>" placeholder="<?php echo $option['name']; ?>" id="input-option<?php echo $option['product_option_id']; ?>" class="form-control" /> </div> <?php } ?> <?php if ($option['type'] == 'textarea') { ?> <div class="form-group<?php echo ($option['required'] ? ' required' : ''); ?>"> <label class="control-label" for="input-option<?php echo $option['product_option_id']; ?>"><?php echo $option['name']; ?></label> <textarea name="option[<?php echo $option['product_option_id']; ?>]" rows="5" placeholder="<?php echo $option['name']; ?>" id="input-option<?php echo $option['product_option_id']; ?>" class="form-control"><?php echo $option['value']; ?></textarea> </div> <?php } ?> <?php if ($option['type'] == 'file') { ?> <div class="form-group<?php echo ($option['required'] ? ' required' : ''); ?>"> <label class="control-label"><?php echo $option['name']; ?></label> <button type="button" id="button-upload<?php echo $option['product_option_id']; ?>" data-loading-text="<?php echo $text_loading; ?>" class="btn btn-default btn-block"><i class="fa fa-upload"></i> <?php echo $button_upload; ?></button> <input type="hidden" name="option[<?php echo $option['product_option_id']; ?>]" value="" id="input-option<?php echo $option['product_option_id']; ?>" /> </div> <?php } ?> <?php if ($option['type'] == 'date') { ?> <div class="form-group<?php echo ($option['required'] ? ' required' : ''); ?>"> <label class="control-label" for="input-option<?php echo $option['product_option_id']; ?>"><?php echo $option['name']; ?></label> <div class="input-group date"> <input type="text" name="option[<?php echo $option['product_option_id']; ?>]" value="<?php echo $option['value']; ?>" data-date-format="YYYY-MM-DD" id="input-option<?php echo $option['product_option_id']; ?>" class="form-control" /> <span class="input-group-btn"> <button class="btn btn-default" type="button"><i class="fa fa-calendar"></i></button> </span></div> </div> <?php } ?> <?php if ($option['type'] == 'datetime') { ?> <div class="form-group<?php echo ($option['required'] ? ' required' : ''); ?>"> <label class="control-label" for="input-option<?php echo $option['product_option_id']; ?>"><?php echo $option['name']; ?></label> <div class="input-group datetime"> <input type="text" name="option[<?php echo $option['product_option_id']; ?>]" value="<?php echo $option['value']; ?>" data-date-format="YYYY-MM-DD HH:mm" id="input-option<?php echo $option['product_option_id']; ?>" class="form-control" /> <span class="input-group-btn"> <button type="button" class="btn btn-default"><i class="fa fa-calendar"></i></button> </span></div> </div> <?php } ?> <?php if ($option['type'] == 'time') { ?> <div class="form-group<?php echo ($option['required'] ? ' required' : ''); ?>"> <label class="control-label" for="input-option<?php echo $option['product_option_id']; ?>"><?php echo $option['name']; ?></label> <div class="input-group time"> <input type="text" name="option[<?php echo $option['product_option_id']; ?>]" value="<?php echo $option['value']; ?>" data-date-format="HH:mm" id="input-option<?php echo $option['product_option_id']; ?>" class="form-control" /> <span class="input-group-btn"> <button type="button" class="btn btn-default"><i class="fa fa-calendar"></i></button> </span></div> </div> <?php } ?> <?php } ?> <?php } ?>

У меня возникло несколько вопросов по поводу опций товаров 1.Как увеличить изображения опций на странице товара? Или как-то зум прописать 2. Как расположить их чётко друг под другом? Я ориентируюсь на пример https://komod-bc.com.ua/products/kuhnya-kh-20 и уже запуталась. Помогите пожалуйста Мои опции

А что делать, если я вывела в этот блок сопутствующие товары через product.tpl и хочу чтобы каждая категория сопутствующих товаров относилась к отдельному табу?

Меня тоже волнует этот вопрос. Подскажите, пожалуйста, как это сделать, если нашли решение.

Ребята, подскажите как мне добавить сопутствующие товары во вкладки "Секционные элементы" и "Дополнительные опции" в разделе описания товара как в этом примере https://km-mebel.com.ua/kukhni-serii-khaj-tek/kukhnya-kkh-174-detail

В боковое меню выведено меню статей. А одна из кнопок этого меню должна переводить пользователя на внешний сайт. Подскажите, пожалуйста,через какой из файлов можно привязать кнопку к ссылке и как?

Спасибо, но это совсем не то, что мне нужно

Спасибо) Как-то я забыла про этот модуль.Всё работает

Ребята, подскажите, пожалуйста, как вывести производителей в виде списка ссылок в боковую колонку сайта как показано в примере. Может есть какой-то модуль? Я вижу только карусель(

Ссылка: https://komfortmebli.com.ua/katalog/online/katalog.html а сайт http://trumo.com.ua/ в меню кнопка "Каталог".