Несколько Вопросов
#1
Отправлено 05 Апрель 2014 - 10:33
1) Подскажите один важный момент, у меня есть название в левом вертикальном меню обозначение “1” и оно же отображается как заголовок данной страницы под обозначением “2” (изображение ниже). Как мне сделать что бы обозначение “1” осталось прежним а заголовок товара отображался под другим названием. К примеру “1” - Blitz (Германия), а “2” нужно отображать как – “Освещение для Прихожей Blitz (Германия)”
Подскажите как это реализовать?
2) Подскажите как на карточке товара, свернуть часть характеристик товара и что бы при клике на кнопку эти характеристики открывались?
3) Помогите внедрить вот эту карусель http://9bitstudios.github.io/flexisel/ в "С этим товаром смотрят"? что то не получается правильно её реализовать
#2
Отправлено 05 Апрель 2014 - 20:15
dfysdbu (05 Апрель 2014 - 10:33) писал:
1) Подскажите один важный момент, у меня есть название в левом вертикальном меню обозначение “1” и оно же отображается как заголовок данной страницы под обозначением “2” (изображение ниже). Как мне сделать что бы обозначение “1” осталось прежним а заголовок товара отображался под другим названием. К примеру “1” - Blitz (Германия), а “2” нужно отображать как – “Освещение для Прихожей Blitz (Германия)”
Подскажите как это реализовать?
2) Подскажите как на карточке товара, свернуть часть характеристик товара и что бы при клике на кнопку эти характеристики открывались?
3) Помогите внедрить вот эту карусель http://9bitstudios.github.io/flexisel/ в "С этим товаром смотрят"? что то не получается правильно её реализовать
1. Ответ здесь.
2. В шаблоне "Товар" замените код
<table class="goodsDataFeatures"> <tr> {% FOR goods_features%} {%IF goods_features.NAME = Выбор Высоты || goods_features.NAME = Выбор Диаметра/Ширины %} {%ELSE%} <td class="MyTablica"> <p><span>{goods_features.NAME}</span></p> </td> <td class="MyTablica"> {goods_features.VALUE} </td> {%ENDIF%} {% IFNOT goods_features.last %}{goods_features.index | is_divided("1","</tr><tr>","")}{% ENDIF %} {% ENDFOR %} <!-- END Блок характеристик товара. Показываем его если указаны характеристики --> </tr> </table>на такой
<table class="goodsDataFeatures"> {% FOR goods_features%} <tr {% IF goods_features.index > 5 %}class="for_toggle"{% ENDIF %}> {%IF goods_features.NAME = Выбор Высоты || goods_features.NAME = Выбор Диаметра/Ширины %} {%ELSE%} <td class="MyTablica"> <p><span>{goods_features.NAME}</span></p> </td> <td class="MyTablica"> {goods_features.VALUE} </td> {%ENDIF%} <!-- END Блок характеристик товара. Показываем его если указаны характеристики --> </tr> {% IF goods_features.last && goods_features.index > 5 %} <tr class="toggle_but"><td colspan="2">Остальные характеристики</td></tr> {% ENDIF %} {% ENDFOR %} </table>Здесь в строках
<tr {% IF goods_features.index > 5 %}class="for_toggle"{% ENDIF %}>
{% IF goods_features.last && goods_features.index > 5 %}5 - число характеристик, которые всегда будут видны.
В шаблон main.js добавьте в конец такой код
$(document).ready(function(){ if ($('.toggle_but').length) { $('.toggle_but').click(function(){ if ($('.for_toggle:visible').length) $('.for_toggle').hide(); else $('.for_toggle').show(); }); } });И в конец main.css добавьте
.for_toggle {display: none;} .toggle_but {font-size: 12pt;color: #000;} .toggle_but td {padding: 6px;cursor: pointer;}
#3
Отправлено 06 Апрель 2014 - 19:00
sengun (05 Апрель 2014 - 20:15) писал:
1. Ответ здесь.
2. В шаблоне "Товар" замените код
<table class="goodsDataFeatures"> <tr> {% FOR goods_features%} {%IF goods_features.NAME = Выбор Высоты || goods_features.NAME = Выбор Диаметра/Ширины %} {%ELSE%} <td class="MyTablica"> <p><span>{goods_features.NAME}</span></p> </td> <td class="MyTablica"> {goods_features.VALUE} </td> {%ENDIF%} {% IFNOT goods_features.last %}{goods_features.index | is_divided("1","</tr><tr>","")}{% ENDIF %} {% ENDFOR %} <!-- END Блок характеристик товара. Показываем его если указаны характеристики --> </tr> </table>на такой
<table class="goodsDataFeatures"> {% FOR goods_features%} <tr {% IF goods_features.index > 5 %}class="for_toggle"{% ENDIF %}> {%IF goods_features.NAME = Выбор Высоты || goods_features.NAME = Выбор Диаметра/Ширины %} {%ELSE%} <td class="MyTablica"> <p><span>{goods_features.NAME}</span></p> </td> <td class="MyTablica"> {goods_features.VALUE} </td> {%ENDIF%} <!-- END Блок характеристик товара. Показываем его если указаны характеристики --> </tr> {% IF goods_features.last && goods_features.index > 5 %} <tr class="toggle_but"><td colspan="2">Остальные характеристики</td></tr> {% ENDIF %} {% ENDFOR %} </table>Здесь в строках
<tr {% IF goods_features.index > 5 %}class="for_toggle"{% ENDIF %}>
{% IF goods_features.last && goods_features.index > 5 %}5 - число характеристик, которые всегда будут видны.
В шаблон main.js добавьте в конец такой код
$(document).ready(function(){ if ($('.toggle_but').length) { $('.toggle_but').click(function(){ if ($('.for_toggle:visible').length) $('.for_toggle').hide(); else $('.for_toggle').show(); }); } });И в конец main.css добавьте
.for_toggle {display: none;} .toggle_but {font-size: 12pt;color: #000;} .toggle_but td {padding: 6px;cursor: pointer;}
Спасибо большое отлично работает!
Подскажите как настроить более плавное раскрытие?
#4
Отправлено 07 Апрель 2014 - 09:50
$(document).ready(function(){ if ($('.toggle_but').length) { $('.toggle_but').click(function(){ if ($('.for_toggle:visible').length) $('.for_toggle').hide(); else $('.for_toggle').show(); }); } });
измените данную строку
$('.for_toggle').show();на
$('.for_toggle').show(500);
#5
Отправлено 07 Апрель 2014 - 11:31
Alexey11 (07 Апрель 2014 - 09:50) писал:
$(document).ready(function(){ if ($('.toggle_but').length) { $('.toggle_but').click(function(){ if ($('.for_toggle:visible').length) $('.for_toggle').hide(); else $('.for_toggle').show(); }); } });
измените данную строку
$('.for_toggle').show();на
$('.for_toggle').show(500);
Спасибо!
Подскажите как правильно прикрутить карусель самодвижущуюся https://github.com/9...udios/flexisel/ http://9bitstudios.github.io/flexisel/ в "С этим товаром смотрят"? что то не получается правильно её реализовать
#6
Отправлено 07 Апрель 2014 - 21:14
dfysdbu (07 Апрель 2014 - 11:31) писал:
Подскажите как правильно прикрутить карусель самодвижущуюся https://github.com/9...udios/flexisel/ http://9bitstudios.github.io/flexisel/ в "С этим товаром смотрят"? что то не получается правильно её реализовать
Если Вам не хватает только автоматической прокрутки, это легко можно будет сделать одной строчкой. Смысла в установке совсем другой карусели нет.
#7
Отправлено 07 Апрель 2014 - 22:18
support 2.0 (07 Апрель 2014 - 21:14) писал:
Если Вам не хватает только автоматической прокрутки, это легко можно будет сделать одной строчкой. Смысла в установке совсем другой карусели нет.
Доброго времени суток!
Модератор sengun мне не давал инструкции к карусели, он мне помог с другим вопросом, не моглибы Вы мне дать ссылку на установку карусели в шаблон MOkko не смог найти понятную, и если можно подскажите строчьку для автоматической прокрутки?
#8
Отправлено 08 Апрель 2014 - 03:34
#9
Отправлено 10 Апрель 2014 - 00:14
Сake (08 Апрель 2014 - 03:34) писал:
Спасибо получилось!
Возник вопрос, у меня сайт резиновый, растягивается в зависимости от разрешения экрана, подскажите как мне этот слайдер так же сделать резиновым? а то что то не получается коректно сделать так
#10
Отправлено 10 Апрель 2014 - 01:55
.d-carousel .jcarousel-container-horizontal { width: 650px; height: 325px; padding: 0 45px; }
и заменить его на
.d-carousel .jcarousel-container-horizontal { width: 100%; height: 325px; padding: 0 45px; }
если это все же не поможет решению проблемы, то приложите ссылку на страницу где у вас установлена карусель.
#11
Отправлено 10 Апрель 2014 - 10:35
Сake (10 Апрель 2014 - 01:55) писал:
.d-carousel .jcarousel-container-horizontal { width: 650px; height: 325px; padding: 0 45px; }
и заменить его на
.d-carousel .jcarousel-container-horizontal { width: 100%; height: 325px; padding: 0 45px; }
если это все же не поможет решению проблемы, то приложите ссылку на страницу где у вас установлена карусель.
1) Именно этот вариант я и пробовал, в результате сайт растягивается на столько сколько есть товаров. Ссылка http://lusstore.ru/g...253-6?from=NjRh
2) Подскажите как эту карусель прикрутить к дополнительным картинкам товара, попробовал так же как и с "С этим товаром смотрят" ни чего хорошего не вышло
#12
Отправлено 11 Апрель 2014 - 05:14
#13
Отправлено 11 Апрель 2014 - 06:40
Vaccina (11 Апрель 2014 - 05:14) писал:
related_goods на related_views_goods поменено но сделать резиновой карусель не выходит так как она растягивает весь сайт открывая в линги. все имеющиеся в ней товары
2) Подскажите как эту карусель на страниуе товара прикрутить к дополнительным картинкам товара?
3) Подскажите у меня есть в карточке товара кнопка открытия характеристик (на картинке) после того как её нажал человек и открылись все характеристики, я хотел бы текст на кнопке поменять как мне это сделать?
4) Подскажите ещё момент пожалуйста!
Почему то товар иногда отоброжается не коректно , в первом ряду 3 товара во втором 1, в третьем опять 3, как сделать нормальным отображение , 3-3-1 (картинка ниже)
#14
Отправлено 13 Апрель 2014 - 10:33
#15
Отправлено 13 Апрель 2014 - 11:15
dfysdbu (13 Апрель 2014 - 10:33) писал:
<tr class="toggle_but"><td colspan="3">Посмотреть все характеристики</td></tr>Вместо "Посмотреть все характеристики" вставляете свой текст
#16
Отправлено 13 Апрель 2014 - 19:45
Ирина345 (13 Апрель 2014 - 11:15) писал:
<tr class="toggle_but"><td colspan="3">Посмотреть все характеристики</td></tr>Вместо "Посмотреть все характеристики" вставляете свой текст
2) Карусель стоит на странице товара и доп картинки там же http://lusstore.ru/g...253-6?from=NjRh
related_goods на related_views_goods поменено но сделать резиновой карусель не выходит так как она растягивает весь сайт открывая в линию все имеющиеся в ней товары, если невозможно сделать слайдер резиновым подскажите как его по центру расположить то же не выходит не слушается, но лучше конечно резиновым его сделать
3) Подскажите как эту карусель на страниуе товара прикрутить к дополнительным картинкам товара?
4) Подскажите ещё момент пожалуйста!
Почему то товар иногда отоброжается не коректно , в первом ряду 3 товара во втором 1, в третьем опять 3, как сделать нормальным отображение , 3-3-1 (картинка ниже)
#17
Отправлено 17 Апрель 2014 - 05:00
2. Если делать резиновой, то последний товар всегда будет обрезан, что не хорошо. А вот отцентрировать можно. В main.css найдите:
#wrapper { width: 700px; }замените на:
#wrapper { width: 700px; margin: 0 auto; }3.В принципе она у вас подключена, остается переделать структуру, то есть в шаблоне Товар находим:
<!-- Другие изображения товара. Отображаются если есть изображения товара --> {% IFNOT goods_images_empty %} {% FOR goods_images %} <!-- Заголовок и обёртка для изображений, которая позволяет не показывать уменьшенное изображение товара если оно у него лишь одно --> {% IF goods_images.first %} <div {% IF goods_images.length=1 %}style="display:none;"{% ENDIF %}> <p class="hH5">Другие фото {GOODS_NAME}</p> {% ENDIF %} <!-- Уменьшенное изображение товара --> <div class="goodsDataMainImagesIcon floatLeft"> <a href="{goods_images.LARGE}" rel="gallery" target="_blank" title="{goods_images.NAME}"><img class="cornerAll withBorder goods-image-icon" rel="{goods_images.MEDIUM}" src="{goods_images.ICON}" alt="{goods_images.NAME}" /></a> <!-- Идентификатор изображения товара, используется для галереи изображений --> <input type="hidden" rel="{goods_images.ID}" /> </div> <!-- В самом конце закрываем обёртку для списка маленьких изображений товара --> {% IF goods_images.last %} </div> {% ENDIF %} {% ENDFOR %} {% ENDIF %}заменяем на:
<script type="text/javascript"> jQuery(document).ready(function() { // Initialise the first and second carousel by class selector. // Note that they use both the same configuration options (none in this case). jQuery('.d-carousel .carousel').jcarousel({ scroll: 1 }); }); </script> <!-- Другие изображения товара. Отображаются если есть изображения товара --> {% IFNOT goods_images_empty %} <!-- Begin Wrapper --> <div id="wrapper"> <div class="d-carousel"> <ul class="carousel"> {% FOR goods_images %} <li class="goodsDataMainImagesIcon floatLeft"> <a href="{goods_images.LARGE}" rel="gallery" target="_blank" title="{goods_images.NAME}"><img class="cornerAll withBorder goods-image-icon" rel="{goods_images.MEDIUM}" src="{goods_images.ICON}" alt="{goods_images.NAME}" /></a> <!-- Идентификатор изображения товара, используется для галереи изображений --> <input type="hidden" rel="{goods_images.ID}" /> </li> {% ENDFOR %} </ul> </div> <div class="clear"></div> </div> <!-- End Wrapper --> {% ENDIF %}4. Проблема из-за таблицы, попробуйте в шаблоне Товар код:
<!-- Сопутствующие товары --> {% IFNOT related_goods_empty %} <p class="hH3">Сопутствующие товары</p> <table> <tr> {% FOR related_goods %} <!-- <td class="goodsListItem"> <div class="goodsListItemBlock withBorder cornerAll"> <div class="goodsListItemImage"><a href="{related_goods.URL}"><img class="goods-image-small" src="{% IF related_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{related_goods.IMAGE_SMALL}{% ENDIF %}" alt="{related_goods.NAME}" /></a></div> <!--<h3 class="goodsListItemName"><a href="{related_goods.URL}">{related_goods.NAME}</a></h3>--> <!-- <div class="goodsListItemName"><a href="{related_goods.URL}">{related_goods.NAME}</a></div> <div class="goodsListItemPriceNew"> <a href="{related_goods.URL_MIN_PRICE_NOW}">{related_goods.MIN_PRICE_NOW | money_format}</a> </div> <div class="goodsListItemPriceOld"> {% IF related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_goods.MIN_PRICE_NOW %} <a href="{related_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a> {% ELSEIF related_goods.MIN_PRICE_OLD>related_goods.MIN_PRICE_NOW %} <a href="{related_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{related_goods.MIN_PRICE_OLD | money_format}</a> {% ENDIF %} </div> </div> </td>--> <td class="goodsListItem"> <div class="goodsListItemBlock withBorder cornerAll"> <div class="goodsListItemImage"><a href="{related_goods.URL}"><img class="goods-image-small" src="{% IF related_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{related_goods.IMAGE_SMALL}{% ENDIF %}" alt="{related_goods.NAME}" /><a class="knopka" onclick="$(this).closest('.goodsListItemImage').find('.image-zoom').nyroModalManual();return(false);"></a> <a class="image-zoom" href="{related_goods.IMAGE_LARGE}" rel="gallery{related_goods.ID}"></a></div> <!--<h2 class="goodsListItemName"><a href="{goods.URL}">{goods.NAME}</a></h2>--> <div class="goodsListItemName"><a href="{related_goods.URL}">{related_goods.NAME}</a></div> <div class="CennA"> <div class="CennA1"> <div class="goodsListItemPriceOld"> {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %} <a href="{goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a> {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %} <a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a> {% ENDIF %} </div> <fieldset form="goodsListFormId{goods.MIN_PRICE_NOW_ID}"> <div class="goodsDataMainModificationQuantity_list"> <label for="quantity_wanted_list">Кол-во:</label> <input type="text" name="form[goods_mod_quantity]" class="quantity_wanted_list" style="width:20px;" maxlength="6" value="1" title="Количество" class="text" /> </div> </fieldset> </div> <div class="CennA2"> <div class="goodsListItemPriceNew"> <a href="{related_goods.URL_MIN_PRICE_NOW}">{related_goods.MIN_PRICE_NOW | money_format}</a> </div> <!--<div class="goodsListItemPriceOld"> {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %} <a href="{goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a> {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %} <a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a> {% ENDIF %} </div>--> <!-- <div style="width: 83px; float: right; margin-right: 10px; position:relative; bottom: 7px;"></div> --> <div class="fun"><form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm"> <!--<p>--> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" /> <input type="submit" value=""/> <!-- <input type="submit" value="Купить" />--> <!--</p>--> </form></div> </div> </div> <!--tr </table>--> </div> </td> {% IFNOT related_goods.last %}{related_goods.index | is_divided("4","</tr><tr>","")}{% ENDIF %} {% ENDFOR goods %} </tr> </table><br /><br /> {% ENDIF %} <!-- END Сопутствующие товары -->заменить на:
<!-- Сопутствующие товары --> {% IFNOT related_goods_empty %} <p class="hH3">Сопутствующие товары</p> <div> {% FOR related_goods %} <!-- <div class="goodsListItem"> <div class="goodsListItemBlock withBorder cornerAll"> <div class="goodsListItemImage"><a href="{related_goods.URL}"><img class="goods-image-small" src="{% IF related_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{related_goods.IMAGE_SMALL}{% ENDIF %}" alt="{related_goods.NAME}" /></a></div> <!--<h3 class="goodsListItemName"><a href="{related_goods.URL}">{related_goods.NAME}</a></h3>--> <!-- <div class="goodsListItemName"><a href="{related_goods.URL}">{related_goods.NAME}</a></div> <div class="goodsListItemPriceNew"> <a href="{related_goods.URL_MIN_PRICE_NOW}">{related_goods.MIN_PRICE_NOW | money_format}</a> </div> <div class="goodsListItemPriceOld"> {% IF related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_goods.MIN_PRICE_NOW %} <a href="{related_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a> {% ELSEIF related_goods.MIN_PRICE_OLD>related_goods.MIN_PRICE_NOW %} <a href="{related_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{related_goods.MIN_PRICE_OLD | money_format}</a> {% ENDIF %} </div> </div> </td>--> <td class="goodsListItem"> <div class="goodsListItemBlock withBorder cornerAll"> <div class="goodsListItemImage"><a href="{related_goods.URL}"><img class="goods-image-small" src="{% IF related_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{related_goods.IMAGE_SMALL}{% ENDIF %}" alt="{related_goods.NAME}" /><a class="knopka" onclick="$(this).closest('.goodsListItemImage').find('.image-zoom').nyroModalManual();return(false);"></a> <a class="image-zoom" href="{related_goods.IMAGE_LARGE}" rel="gallery{related_goods.ID}"></a></div> <!--<h2 class="goodsListItemName"><a href="{goods.URL}">{goods.NAME}</a></h2>--> <div class="goodsListItemName"><a href="{related_goods.URL}">{related_goods.NAME}</a></div> <div class="CennA"> <div class="CennA1"> <div class="goodsListItemPriceOld"> {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %} <a href="{goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a> {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %} <a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a> {% ENDIF %} </div> <fieldset form="goodsListFormId{goods.MIN_PRICE_NOW_ID}"> <div class="goodsDataMainModificationQuantity_list"> <label for="quantity_wanted_list">Кол-во:</label> <input type="text" name="form[goods_mod_quantity]" class="quantity_wanted_list" style="width:20px;" maxlength="6" value="1" title="Количество" class="text" /> </div> </fieldset> </div> <div class="CennA2"> <div class="goodsListItemPriceNew"> <a href="{related_goods.URL_MIN_PRICE_NOW}">{related_goods.MIN_PRICE_NOW | money_format}</a> </div> <!--<div class="goodsListItemPriceOld"> {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %} <a href="{goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a> {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %} <a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a> {% ENDIF %} </div>--> <!-- <div style="width: 83px; float: right; margin-right: 10px; position:relative; bottom: 7px;"></div> --> <div class="fun"><form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm"> <!--<p>--> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" /> <input type="submit" value=""/> <!-- <input type="submit" value="Купить" />--> <!--</p>--> </form></div> </div> </div> </div> </div> {% ENDFOR goods %} </div><br /><br /> {% ENDIF %} <!-- END Сопутствующие товары -->
#18
Отправлено 12 Май 2014 - 15:14
Vaccina (17 Апрель 2014 - 05:00) писал:
2. Если делать резиновой, то последний товар всегда будет обрезан, что не хорошо. А вот отцентрировать можно. В main.css найдите:
#wrapper { width: 700px; }замените на:
#wrapper { width: 700px; margin: 0 auto; }3.В принципе она у вас подключена, остается переделать структуру, то есть в шаблоне Товар находим:
<!-- Другие изображения товара. Отображаются если есть изображения товара --> {% IFNOT goods_images_empty %} {% FOR goods_images %} <!-- Заголовок и обёртка для изображений, которая позволяет не показывать уменьшенное изображение товара если оно у него лишь одно --> {% IF goods_images.first %} <div {% IF goods_images.length=1 %}style="display:none;"{% ENDIF %}> <p class="hH5">Другие фото {GOODS_NAME}</p> {% ENDIF %} <!-- Уменьшенное изображение товара --> <div class="goodsDataMainImagesIcon floatLeft"> <a href="{goods_images.LARGE}" rel="gallery" target="_blank" title="{goods_images.NAME}"><img class="cornerAll withBorder goods-image-icon" rel="{goods_images.MEDIUM}" src="{goods_images.ICON}" alt="{goods_images.NAME}" /></a> <!-- Идентификатор изображения товара, используется для галереи изображений --> <input type="hidden" rel="{goods_images.ID}" /> </div> <!-- В самом конце закрываем обёртку для списка маленьких изображений товара --> {% IF goods_images.last %} </div> {% ENDIF %} {% ENDFOR %} {% ENDIF %}заменяем на:
<script type="text/javascript"> jQuery(document).ready(function() { // Initialise the first and second carousel by class selector. // Note that they use both the same configuration options (none in this case). jQuery('.d-carousel .carousel').jcarousel({ scroll: 1 }); }); </script> <!-- Другие изображения товара. Отображаются если есть изображения товара --> {% IFNOT goods_images_empty %} <!-- Begin Wrapper --> <div id="wrapper"> <div class="d-carousel"> <ul class="carousel"> {% FOR goods_images %} <li class="goodsDataMainImagesIcon floatLeft"> <a href="{goods_images.LARGE}" rel="gallery" target="_blank" title="{goods_images.NAME}"><img class="cornerAll withBorder goods-image-icon" rel="{goods_images.MEDIUM}" src="{goods_images.ICON}" alt="{goods_images.NAME}" /></a> <!-- Идентификатор изображения товара, используется для галереи изображений --> <input type="hidden" rel="{goods_images.ID}" /> </li> {% ENDFOR %} </ul> </div> <div class="clear"></div> </div> <!-- End Wrapper --> {% ENDIF %}4. Проблема из-за таблицы, попробуйте в шаблоне Товар код:
<!-- Сопутствующие товары --> {% IFNOT related_goods_empty %} <p class="hH3">Сопутствующие товары</p> <table> <tr> {% FOR related_goods %} <!-- <td class="goodsListItem"> <div class="goodsListItemBlock withBorder cornerAll"> <div class="goodsListItemImage"><a href="{related_goods.URL}"><img class="goods-image-small" src="{% IF related_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{related_goods.IMAGE_SMALL}{% ENDIF %}" alt="{related_goods.NAME}" /></a></div> <!--<h3 class="goodsListItemName"><a href="{related_goods.URL}">{related_goods.NAME}</a></h3>--> <!-- <div class="goodsListItemName"><a href="{related_goods.URL}">{related_goods.NAME}</a></div> <div class="goodsListItemPriceNew"> <a href="{related_goods.URL_MIN_PRICE_NOW}">{related_goods.MIN_PRICE_NOW | money_format}</a> </div> <div class="goodsListItemPriceOld"> {% IF related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_goods.MIN_PRICE_NOW %} <a href="{related_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a> {% ELSEIF related_goods.MIN_PRICE_OLD>related_goods.MIN_PRICE_NOW %} <a href="{related_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{related_goods.MIN_PRICE_OLD | money_format}</a> {% ENDIF %} </div> </div> </td>--> <td class="goodsListItem"> <div class="goodsListItemBlock withBorder cornerAll"> <div class="goodsListItemImage"><a href="{related_goods.URL}"><img class="goods-image-small" src="{% IF related_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{related_goods.IMAGE_SMALL}{% ENDIF %}" alt="{related_goods.NAME}" /><a class="knopka" onclick="$(this).closest('.goodsListItemImage').find('.image-zoom').nyroModalManual();return(false);"></a> <a class="image-zoom" href="{related_goods.IMAGE_LARGE}" rel="gallery{related_goods.ID}"></a></div> <!--<h2 class="goodsListItemName"><a href="{goods.URL}">{goods.NAME}</a></h2>--> <div class="goodsListItemName"><a href="{related_goods.URL}">{related_goods.NAME}</a></div> <div class="CennA"> <div class="CennA1"> <div class="goodsListItemPriceOld"> {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %} <a href="{goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a> {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %} <a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a> {% ENDIF %} </div> <fieldset form="goodsListFormId{goods.MIN_PRICE_NOW_ID}"> <div class="goodsDataMainModificationQuantity_list"> <label for="quantity_wanted_list">Кол-во:</label> <input type="text" name="form[goods_mod_quantity]" class="quantity_wanted_list" style="width:20px;" maxlength="6" value="1" title="Количество" class="text" /> </div> </fieldset> </div> <div class="CennA2"> <div class="goodsListItemPriceNew"> <a href="{related_goods.URL_MIN_PRICE_NOW}">{related_goods.MIN_PRICE_NOW | money_format}</a> </div> <!--<div class="goodsListItemPriceOld"> {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %} <a href="{goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a> {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %} <a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a> {% ENDIF %} </div>--> <!-- <div style="width: 83px; float: right; margin-right: 10px; position:relative; bottom: 7px;"></div> --> <div class="fun"><form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm"> <!--<p>--> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" /> <input type="submit" value=""/> <!-- <input type="submit" value="Купить" />--> <!--</p>--> </form></div> </div> </div> <!--tr </table>--> </div> </td> {% IFNOT related_goods.last %}{related_goods.index | is_divided("4","</tr><tr>","")}{% ENDIF %} {% ENDFOR goods %} </tr> </table><br /><br /> {% ENDIF %} <!-- END Сопутствующие товары -->заменить на:
<!-- Сопутствующие товары --> {% IFNOT related_goods_empty %} <p class="hH3">Сопутствующие товары</p> <div> {% FOR related_goods %} <!-- <div class="goodsListItem"> <div class="goodsListItemBlock withBorder cornerAll"> <div class="goodsListItemImage"><a href="{related_goods.URL}"><img class="goods-image-small" src="{% IF related_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{related_goods.IMAGE_SMALL}{% ENDIF %}" alt="{related_goods.NAME}" /></a></div> <!--<h3 class="goodsListItemName"><a href="{related_goods.URL}">{related_goods.NAME}</a></h3>--> <!-- <div class="goodsListItemName"><a href="{related_goods.URL}">{related_goods.NAME}</a></div> <div class="goodsListItemPriceNew"> <a href="{related_goods.URL_MIN_PRICE_NOW}">{related_goods.MIN_PRICE_NOW | money_format}</a> </div> <div class="goodsListItemPriceOld"> {% IF related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_goods.MIN_PRICE_NOW %} <a href="{related_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a> {% ELSEIF related_goods.MIN_PRICE_OLD>related_goods.MIN_PRICE_NOW %} <a href="{related_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{related_goods.MIN_PRICE_OLD | money_format}</a> {% ENDIF %} </div> </div> </td>--> <td class="goodsListItem"> <div class="goodsListItemBlock withBorder cornerAll"> <div class="goodsListItemImage"><a href="{related_goods.URL}"><img class="goods-image-small" src="{% IF related_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{related_goods.IMAGE_SMALL}{% ENDIF %}" alt="{related_goods.NAME}" /><a class="knopka" onclick="$(this).closest('.goodsListItemImage').find('.image-zoom').nyroModalManual();return(false);"></a> <a class="image-zoom" href="{related_goods.IMAGE_LARGE}" rel="gallery{related_goods.ID}"></a></div> <!--<h2 class="goodsListItemName"><a href="{goods.URL}">{goods.NAME}</a></h2>--> <div class="goodsListItemName"><a href="{related_goods.URL}">{related_goods.NAME}</a></div> <div class="CennA"> <div class="CennA1"> <div class="goodsListItemPriceOld"> {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %} <a href="{goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a> {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %} <a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a> {% ENDIF %} </div> <fieldset form="goodsListFormId{goods.MIN_PRICE_NOW_ID}"> <div class="goodsDataMainModificationQuantity_list"> <label for="quantity_wanted_list">Кол-во:</label> <input type="text" name="form[goods_mod_quantity]" class="quantity_wanted_list" style="width:20px;" maxlength="6" value="1" title="Количество" class="text" /> </div> </fieldset> </div> <div class="CennA2"> <div class="goodsListItemPriceNew"> <a href="{related_goods.URL_MIN_PRICE_NOW}">{related_goods.MIN_PRICE_NOW | money_format}</a> </div> <!--<div class="goodsListItemPriceOld"> {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %} <a href="{goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a> {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %} <a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a> {% ENDIF %} </div>--> <!-- <div style="width: 83px; float: right; margin-right: 10px; position:relative; bottom: 7px;"></div> --> <div class="fun"><form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm"> <!--<p>--> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" /> <input type="submit" value=""/> <!-- <input type="submit" value="Купить" />--> <!--</p>--> </form></div> </div> </div> </div> </div> {% ENDFOR goods %} </div><br /><br /> {% ENDIF %} <!-- END Сопутствующие товары -->
1) Кнопку снова отобразил http://lusstore.ru/g...vet_6021-7_hrom подскажите как сделать что бы в закрытом состоянии была наднись "Посмотреть все характеристики" в открытом состоянии была надпись "Свернуть часть характеристик"
2) Спасибо отцентрировать получилось. Всётаки подскажите как сделать резиновый вариант данной карусели, пусть будет последний товар обрезан не критично
#19
Отправлено 13 Май 2014 - 01:04
$(document).ready(function(){ if ($('.toggle_but').length) { $('.toggle_but').click(function(){ if ($('.for_toggle:visible').length) $('.for_toggle').hide(); else $('.for_toggle').show(); }); } });замените на:
$(document).ready(function(){ if ($('.toggle_but').length) { $('.toggle_but').click(function(){ if ($('.for_toggle:visible').length){ $('.for_toggle').hide(); $('.toggle_but td').html('Показать все характеристики'); } else { $('.for_toggle').show(); $('.toggle_but td').html('Скрыть'); } }); } });2. Попробуйте следующее, найдите в main.css
#wrapper { margin: 0 auto; width: 700px; } .d-carousel { width: 700px; } .d-carousel .jcarousel-container-horizontal { height: 360px; padding: 0 45px; width: 700px; } .d-carousel .jcarousel-container { display: block; left: -55px; margin-bottom: 20px; overflow: hidden; }замените на:
#wrapper { margin: 0 auto; width: 100%; } .d-carousel { width: 100%; } .d-carousel .jcarousel-container-horizontal { height: 360px; padding: 0 45px; width: 100%; } .d-carousel .jcarousel-container { display: block; margin-bottom: 20px; overflow: hidden; }тут 2 варианта развития, или будет резиновой или появится огромный скролл
#20
Отправлено 13 Май 2014 - 15:41
Vaccina (13 Май 2014 - 01:04) писал:
$(document).ready(function(){ if ($('.toggle_but').length) { $('.toggle_but').click(function(){ if ($('.for_toggle:visible').length) $('.for_toggle').hide(); else $('.for_toggle').show(); }); } });замените на:
$(document).ready(function(){ if ($('.toggle_but').length) { $('.toggle_but').click(function(){ if ($('.for_toggle:visible').length){ $('.for_toggle').hide(); $('.toggle_but td').html('Показать все характеристики'); } else { $('.for_toggle').show(); $('.toggle_but td').html('Скрыть'); } }); } });2. Попробуйте следующее, найдите в main.css
#wrapper { margin: 0 auto; width: 700px; } .d-carousel { width: 700px; } .d-carousel .jcarousel-container-horizontal { height: 360px; padding: 0 45px; width: 700px; } .d-carousel .jcarousel-container { display: block; left: -55px; margin-bottom: 20px; overflow: hidden; }замените на:
#wrapper { margin: 0 auto; width: 100%; } .d-carousel { width: 100%; } .d-carousel .jcarousel-container-horizontal { height: 360px; padding: 0 45px; width: 100%; } .d-carousel .jcarousel-container { display: block; margin-bottom: 20px; overflow: hidden; }тут 2 варианта развития, или будет резиновой или появится огромный скролл
2) Появился огромный скрол на ширину всех товаров которые есть в карусели
Можно как то исправить, ограничить количество видемых товаров допустим 5 на максимум и на 3 при минимум разрешении?
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных