Добрый день!
Подскажите, пожалуйста, как сделать 2 вкладки: состав и отзывы. Чтобы они были точно такого же нейтрального дизайна и с таким же шрифтом.
Отправляю 2 фото: как есть и как надо.
И соответственно как будет заполняться форма состав? через какое описание?
1
Сделать Вкладки Состав И Отзывы
Автор Пингвин, 19 февр. 2015 13:14
Сообщений в теме: 7
#1
Отправлено 19 Февраль 2015 - 13:14
#3
Отправлено 20 Февраль 2015 - 01:06
По первому пункту необходимо для начала реализовать вкладки\табы для шаблона товар по следующей инструкции:
http://forum.storela...-вкладок-табов/
По второму пункту в шаблоне Товары найдите:
замените на:
http://forum.storela...-вкладок-табов/
По второму пункту в шаблоне Товары найдите:
{% FOR goods %} <td class="goodsListItem"> <div class="goodsListItemBlock withBorder1 cornerAll"> <h3 class="goodsListItemName" style="line-height:13px;"><a href="{goods.URL}" title="Перейти на страницу «{goods.NAME}»">{goods.NAME}</a></h3> <table class="goodsListItemImage"> <tr> <td> <a href="{goods.URL}" title="Перейти на страницу «{goods.NAME}»"><img class="goods-image-other" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{goods.IMAGE_OTHER}{% ENDIF %}" alt="{goods.NAME}" /></a> </td> </tr> </table> <div class="vkarz"> <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MAX_PRICE_NOW_ID}" class="goodsListForm"> <div style="margin-top:-15px; margin-left:10px;"> <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.MAX_PRICE_NOW_ID}" /><br> <a onclick="$('#goodsListFormId{goods.MAX_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={goods.MAX_PRICE_NOW_ID}" title="Положить «{goods.NAME}» в корзину"><img src="{ASSETS_IMAGES_PATH}karz.png" /></a> </div> </form> </div> <div class="oldcena"> <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}</a> {% ENDIF %} </div> </div> <div class="goodsListItemPriceNew"> <a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a> </div> </div> </td> {% IFNOT goods.last %}{goods.index | is_divided("3","</tr><tr>","")}{% ENDIF %} {% ENDFOR %}
замените на:
{% FOR goods %} <td class="goodsListItem"> <div class="goodsListItemBlock withBorder1 cornerAll"> <h3 class="goodsListItemName" style="line-height:13px;"><a href="{goods.URL}" title="Перейти на страницу «{goods.NAME}»">{goods.NAME}</a></h3> <table class="goodsListItemImage"> <tr> <td> <a href="{goods.URL}" title="Перейти на страницу «{goods.NAME}»"><img class="goods-image-other" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{goods.IMAGE_OTHER}{% ENDIF %}" alt="{goods.NAME}" /></a> </td> </tr> </table> {% FOR goods_attr_list %} {goods.goods_attr_list.NAME} - {goods.goods_attr_list.VALUE} {% ENDFOR %} <div class="vkarz"> <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MAX_PRICE_NOW_ID}" class="goodsListForm"> <div style="margin-top:-15px; margin-left:10px;"> <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.MAX_PRICE_NOW_ID}" /><br> <a onclick="$('#goodsListFormId{goods.MAX_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={goods.MAX_PRICE_NOW_ID}" title="Положить «{goods.NAME}» в корзину"><img src="{ASSETS_IMAGES_PATH}karz.png" /></a> </div> </form> </div> <div class="oldcena"> <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}</a> {% ENDIF %} </div> </div> <div class="goodsListItemPriceNew"> <a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a> </div> </div> </td> {% IFNOT goods.last %}{goods.index | is_divided("3","</tr><tr>","")}{% ENDIF %} {% ENDFOR %}
#4
Отправлено 20 Февраль 2015 - 10:29
Аккаунт 325506. По второму пункту изменила шаблон, но при этом в карточках ничего не поменялось. Вернула пока шаблон обратно.
#5
Отправлено 20 Февраль 2015 - 14:46
Пингвин (20 Февраль 2015 - 10:29) писал:
Аккаунт 325506. По второму пункту изменила шаблон, но при этом в карточках ничего не поменялось. Вернула пока шаблон обратно.
#6
Отправлено 10 Март 2015 - 22:50
Здравствуйте. Спасибо! Сделала вкладки. 1)Теперь надо поменять цвет на зеленый (как сделан дизайнерами). 2) И текст не помещается в рамку вкладки.
3) Также включила отзывы, но они не отображаются вкладкой. 4) И как можно сделать вкладку состав, чтобы для каждого товара отображался разный состав?
3) Также включила отзывы, но они не отображаются вкладкой. 4) И как можно сделать вкладку состав, чтобы для каждого товара отображался разный состав?
#8
Отправлено 31 Март 2015 - 11:18
Пингвин (10 Март 2015 - 22:50) писал:
Здравствуйте. Спасибо! Сделала вкладки. 1)Теперь надо поменять цвет на зеленый (как сделан дизайнерами). 2) И текст не помещается в рамку вкладки.
3) Также включила отзывы, но они не отображаются вкладкой. 4) И как можно сделать вкладку состав, чтобы для каждого товара отображался разный состав?
3) Также включила отзывы, но они не отображаются вкладкой. 4) И как можно сделать вкладку состав, чтобы для каждого товара отображался разный состав?
1) Вам нужно в шаблоне style2.css найти код:
.tabs label { background: 7A9F0B; background: -moz-linear-gradient(top, orange 0%, orange 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,orange), color-stop(100%,orange)); background: -webkit-linear-gradient(top, orange 0%,orange 100%); background: -o-linear-gradient(top, orange 0%,orange 100%); background: -ms-linear-gradient(top, orange 0%,orange 100%); background: linear-gradient(top, orange 0%,orange 100%); font-size: 15px; line-height: 40px; height: 40px; position: relative; padding: 0 20px; float: left; display: block; width: 140px; color: black; font-weight: bold; text-align: center; text-shadow: 1px 1px 1px rgba(255,255,255,0.3); border-radius: 3px 3px 0 0; box-shadow: 2px 0 2px rgba(0,0,0,0.1), -2px 0 2px rgba(0,0,0,0.1); }
и поменять слово orange на код нужного цвета.
2) Не увидели, чтобы текст не помещался. Если проблема осталась - пришлите, пожалуйста, ссылку, где можно посмотреть.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных