#81
Отправлено 25 Май 2013 - 06:26
1. и наоборот, чтобы не более ..... было бы товаров-аналогов? а сопутствубщими являлись бы все остальные??
2. И можно же соответственно сделать условие не 10шт, а 5 например????
#82
Отправлено 25 Май 2013 - 06:58
<!-- Аналогичные товары --> {% IFNOT related_goods_empty %} <h3> Аналоги</h3> <table> <tr> {% FOR related_goods %}{% IF related_goods.index < 3 %} <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="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> {% IFNOT related_goods.last %}{related_goods.index | is_divided("4","</tr><tr>","")}{% ENDIF %} {% ENDIF %}{% ENDFOR goods %} </tr> </table><br /><br /> {% ENDIF %} <!-- END Аналогичные товары--> <!—Сопутствующие товары --> {% IFNOT related_goods_empty %} <h3> Сопутствующие </h3> <table> <tr> {% FOR related_goods %}{% IF related_goods.index >= 3 %} <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="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> {% IFNOT related_goods.last %}{related_goods.index | is_divided("4","</tr><tr>","")}{% ENDIF %} {% ENDIF %}{% ENDFOR goods %} </tr> </table><br /><br /> {% ENDIF %} <!-- END Сопутствующие товары -->
Но проблема в том, что необходимо чтобы этот код работал бы именно в динамических вкладках, то есть была бы вкладка аналоги и вкладка сопутствующие!!
#83
Отправлено 26 Май 2013 - 11:30
otdyh-i-son.ru (25 Май 2013 - 06:58) писал:
<!-- Аналогичные товары --> {% IFNOT related_goods_empty %} <h3> Аналоги</h3> <table> <tr> {% FOR related_goods %}{% IF related_goods.index < 3 %} <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="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> {% IFNOT related_goods.last %}{related_goods.index | is_divided("4","</tr><tr>","")}{% ENDIF %} {% ENDIF %}{% ENDFOR goods %} </tr> </table><br /><br /> {% ENDIF %} <!-- END Аналогичные товары--> <!—Сопутствующие товары --> {% IFNOT related_goods_empty %} <h3> Сопутствующие </h3> <table> <tr> {% FOR related_goods %}{% IF related_goods.index >= 3 %} <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="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> {% IFNOT related_goods.last %}{related_goods.index | is_divided("4","</tr><tr>","")}{% ENDIF %} {% ENDIF %}{% ENDFOR goods %} </tr> </table><br /><br /> {% ENDIF %} <!-- END Сопутствующие товары -->
Но проблема в том, что необходимо чтобы этот код работал бы именно в динамических вкладках, то есть была бы вкладка аналоги и вкладка сопутствующие!!
В сообщении - http://forum.storela...дки/#entry38402 сказано как добавить дополнительные вкладки
#84
Отправлено 26 Май 2013 - 13:29
<!-- Блок описания товара. Показываем его есть описание товара --> <div class="op"> <section class="tabs"> <input id="tab-1" type="radio" name="radio-set" class="tab-selector-1" checked="checked" /> <label for="tab-1" class="tab-label-1">Описание</label> <input id="tab-2" type="radio" name="radio-set" class="tab-selector-2" /> <label for="tab-2" class="tab-label-2">Характеристики</label> <input id="tab-5" type="radio" name="radio-set" class="tab-selector-5" /> <label for="tab-5" class="tab-label-5">Доставка</label> <input id="tab-3" type="radio" name="radio-set" class="tab-selector-3" /> <label for="tab-3" class="tab-label-3" >Сопутствующие</label> <input id="tab-6" type="radio" name="radio-set" class="tab-selector-6" /> <label for="tab-6" class="tab-label-6" >Аналоги</label> <input id="tab-4" type="radio" name="radio-set" class="tab-selector-4" /> <label for="tab-4" class="tab-label-4">Отзывы</label> <div class="clear-shadow"></div> <div class="content"> <div class="content-1"> <h2>{GOODS_NAME}</h2> {GOODS_DESCRIPTION_LARGE} </div> <div class="content-2"> <h2>Характеристики {GOODS_NAME}</h2> <p> <!-- Блок характеристик товара. Показываем его если указаны характеристики --> {% IFNOT goods_features_empty %} <h3></h3> <table class="goodsDataFeatures"> <tr> {% FOR goods_features%} <td> <p><span>{goods_features.NAME}</span></p> </td> <td> <p><span>{goods_features.VALUE}</span></p> </td> {% IFNOT goods_features.last %}{goods_features.index | is_divided("1","</tr><tr>","")}{% ENDIF %} {% ENDFOR %} </tr> </table> {% ENDIF %} <!-- END Блок характеристик товара. Показываем его если указаны характеристики --> </p> </div> <div class="content-3"> <!—Сопутствующие товары --> {% IFNOT related_goods_empty %} <h3> Сопутствующие </h3> <table> <tr> {% FOR related_goods %}{% IF related_goods.index >= 3 %} <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="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> {% IFNOT related_goods.last %}{related_goods.index | is_divided("4","</tr><tr>","")}{% ENDIF %} {% ENDIF %}{% ENDFOR goods %} </tr> </table><br /><br /> {% ENDIF %} <!-- END Сопутствующие товары --> </div> <div class="content-6"> <!-- Аналогичные товары --> {% IFNOT related_goods_empty %} <h3> Аналоги</h3> <table> <tr> {% FOR related_goods %}{% IF related_goods.index < 3 %} <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="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> {% IFNOT related_goods.last %}{related_goods.index | is_divided("4","</tr><tr>","")}{% ENDIF %} {% ENDIF %}{% ENDFOR goods %} </tr> </table><br /><br /> {% ENDIF %} <!-- END Аналогичные товары--> </div> <div class="content-5"> <div class="goodsDataMainDeliveryBlock" colspan="2"> <h4>Условия доставки</h4> ........
и еще хочется уместить все закладочки цвета морской воды для динамических вкладок все в один ряд?
Можно ли как-то сделать так чтобы их ширина зависела непосредственно от ширины надписи на самой закладке?
#85
Отправлено 27 Май 2013 - 12:04
И для того чтобы ширина вкладки зависила от ширины слова.
В файле "style2.css".
Найти код:
.tabs > label { background: #3cc3c3; background: -moz-linear-gradient(top, #3cc3c3 0%, #4e8c8a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5ba4a4), color-stop(100%,#4e8c8a)); background: -webkit-linear-gradient(top, #3cc3c3 0%,#4e8c8a 100%); background: -o-linear-gradient(top, #3cc3c3 0%,#4e8c8a 100%); background: -ms-linear-gradient(top, #3cc3c3 0%,#4e8c8a 100%); background: linear-gradient(top, #3cc3c3 0%,#4e8c8a 100%); font-size: 13px; line-height: 40px; height: 40px; position: relative; padding: 0 20px; float: left; display: block; width: 130px; color: #385c5b; letter-spacing: 1px; font-weight: bold; text-align: center; text-shadow: 1px 1px 1px rgba(255,255,255,0.3); border-radius: 11px 35px 0 0; box-shadow: 3px 0 3px rgba(0,0,0,0.1), -3px 0 3px rgba(0,0,0,0.1); }Заменить:
.tabs > label { background: #3cc3c3; background: -moz-linear-gradient(top, #3cc3c3 0%, #4e8c8a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5ba4a4), color-stop(100%,#4e8c8a)); background: -webkit-linear-gradient(top, #3cc3c3 0%,#4e8c8a 100%); background: -o-linear-gradient(top, #3cc3c3 0%,#4e8c8a 100%); background: -ms-linear-gradient(top, #3cc3c3 0%,#4e8c8a 100%); background: linear-gradient(top, #3cc3c3 0%,#4e8c8a 100%); font-size: 13px; line-height: 40px; height: 40px; position: relative; padding: 0 20px; float: left; display: block; color: #385c5b; letter-spacing: 1px; font-weight: bold; text-align: center; text-shadow: 1px 1px 1px rgba(255,255,255,0.3); border-radius: 11px 35px 0 0; box-shadow: 3px 0 3px rgba(0,0,0,0.1), -3px 0 3px rgba(0,0,0,0.1); }
Найти код:
.tabs > label { width: 98px !important; font-size: 11px !important; padding: 0 10px !important; overflow: hidden !important; }Заменить:
.tabs > label { font-size: 11px !important; padding: 0 10px !important; overflow: hidden !important; }
#86
Отправлено 27 Май 2013 - 13:11
Koderhan (27 Май 2013 - 12:04) писал:
.tabs > label { width: 98px !important; font-size: 11px !important; padding: 0 10px !important; overflow: hidden !important;}Заменить:
.tabs > label { font-size: 11px !important; padding: 0 10px !important; overflow: hidden !important;}
Koderhan (27 Май 2013 - 12:04) писал:
#88
Отправлено 27 Май 2013 - 16:25
.tabs > label { width: 98px !important; font-size: 11px !important; padding: 0 10px !important; overflow: hidden !important; }Есть в файле "main.css".
И для исправления "Аналогов".
В файле "style2.css".
Найти код:
.tabs input.tab-selector-1:checked ~ .content .content-1, .tabs input.tab-selector-2:checked ~ .content .content-2, .tabs input.tab-selector-3:checked ~ .content .content-3, .tabs input.tab-selector-4:checked ~ .content .content-4 { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); display: block; z-index: 100; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition: all ease-out 0.2s 0.1s; -moz-transition: all ease-out 0.2s 0.1s; -o-transition: all ease-out 0.2s 0.1s; -ms-transition: all ease-out 0.2s 0.1s; transition: all ease-out 0.2s 0.1s; }Заменить:
.tabs input.tab-selector-1:checked ~ .content .content-1, .tabs input.tab-selector-2:checked ~ .content .content-2, .tabs input.tab-selector-3:checked ~ .content .content-3, .tabs input.tab-selector-4:checked ~ .content .content-4, .tabs input.tab-selector-5:checked ~ .content .content-5, .tabs input.tab-selector-6:checked ~ .content .content-6 { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); display: block; z-index: 100; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition: all ease-out 0.2s 0.1s; -moz-transition: all ease-out 0.2s 0.1s; -o-transition: all ease-out 0.2s 0.1s; -ms-transition: all ease-out 0.2s 0.1s; transition: all ease-out 0.2s 0.1s; }
#89
Отправлено 27 Май 2013 - 22:01
#90
Отправлено 28 Май 2013 - 04:31
{% FOR related_goods %}{% IF related_goods.index < 3 %}
замените её на
{% FOR related_goods %}{% IF related_goods.index < 4 %}
#91
Отправлено 28 Май 2013 - 07:32
{% FOR related_goods %}{% IF related_goods.index >= 8 %} , а товаров отражается 7 штук.
#92
Отправлено 28 Май 2013 - 08:41
{% IF related_goods.index < 8 %}Для аналогов.
{% IF related_goods.index >= 8 %}В сопутствующих товарах будут отображаться товары например только до 8 а в Аналогах будут отображаться товары начиная с 8 , все оставшиеся товары из сопутствующих.
http://forum.storela...__60#entry69439
#93
Отправлено 28 Май 2013 - 11:05
#94
Отправлено 28 Май 2013 - 12:56
otdyh-i-son.ru (28 Май 2013 - 11:05) писал:
#95
Отправлено 28 Май 2013 - 13:56
#96
Отправлено 29 Май 2013 - 03:02
{% IF related_goods.index < 8 %}
то будет отображено 8мь блоков.
Цитата
{% FOR related_goods %}{% IF related_goods.index >= 8 %} , а товаров отражается 7 штук.
В данном случае у вас стоит условие максимального отображения, т.е будут отображаться все товары после 7 блоков. Само условие по себе не задает сколько будет точно отображаться товаров, оно лишь задает ограничение на нумерацию товара в общем списке.
#97
Отправлено 01 Июнь 2013 - 23:35
#98
Отправлено 02 Июнь 2013 - 11:04
#99
Отправлено 03 Июнь 2013 - 09:15
otdyh-i-son.ru (01 Июнь 2013 - 23:35) писал:
Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Найти код:
.tabs > input { width: 130px !important; } .tabs > label { font-size: 11px !important; padding: 0 10px !important; overflow: hidden !important; } .tabs input#tab-2 { left: 140px !important; } .tabs input#tab-3 { left: 420px !important; } .tabs input#tab-4 { left: 560px !important; } .tabs input#tab-5 { left: 280px !important; }Заменить:
.tabs > input { width: 81px !important; } .tabs > label { font-size: 11px !important; padding: 0 10px !important; overflow: hidden !important; } .tabs input#tab-2 { left: 91px !important; } .tabs input#tab-3 { left: 282px !important; width: 131px !important; } .tabs input#tab-4 { left: 501px !important; } .tabs input#tab-5 { left: 191px !important; } .tabs input#tab-6 { left: 412px; }
#100
Отправлено 03 Июнь 2013 - 16:57
Темы с аналогичным тегами вкладки, товар
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных