Кнопка Очистить Корзину
#1
Отправлено 11 Декабрь 2013 - 21:38
Подскажите пожалуйста по следующим вопросам Шаблон Пластик. Аккаунт SL-250115
1. Подскажите, где находится значение отвечающее за изменение размера шрифта кнопки "Очистить корзину" в корзине.
Я подозреваю, что в main.css (найти корзина), но где там именно не пойму
2. Как переместить кнопки "Оформить заказ" и "Назад" на последнем шаге в корзине, над контактными данными (скрин приложил)
3.1 После выноса скидок в корзину (по теме: http://forum.storela...ках/#entry92352) точнее кроме добавления картинки шаблона и добавление кода в main.css ничего делать не пришлось. Последний шаг оформления заказа отображается так (скрин во вложении):
Если в системе сделать скидочный купон (например при покупке от 1000 руб, чтобы была скидка) на последнем шаге он отображается 2 раза
3.2 Если в системе сделать скидочный купон (например при покупке от 1000 руб, чтобы была скидка) и дополнительно ввести купон вручную (уже другой, код которого формируется в админке), то на последнем шаге заказа, он будет отображаться дважды, вместо того, чтобы отображать 1ый купон (например при покупке от 1000 руб, чтобы была скидка) и 2ой введенный вручную.
3.3 Числа на скрине (выделено красным) которые выходят за границу таблицы, не имеют в таблице заголовка (судя по всему это общая сумма за каждую позицию) только почему то она отображается за пределами таблицы. Как сделать, чтобы отображение было в таблице, т.е. дополнить заголовок сверху, что это общая цена там или еще как.
4. Добавил в админку фото ordericons.png, прописал для нее код, но эти картинки ни где не отображаются почему-то
#2
Отправлено 12 Декабрь 2013 - 03:34
<a href="{CART_TRUNCATE_URL}" class="whtgreen" onclick="return confirm('Вы действительно хотите удалить все товары из корзины?')">Очистить корзину</a>
и замените её на
<a href="{CART_TRUNCATE_URL}" style="font-size: 14px;" class="whtgreen" onclick="return confirm('Вы действительно хотите удалить все товары из корзины?')">Очистить корзину</a>
2. Найдите в шаблоне "Оформление заказа" код
<div class="headline" style="background:none;"> <div class="h1static clear"> <h1 class="fnt18n">Контактные данные</h1> </div> <div class="headline" style="margin:10px 0 0 0;"> <div class="main brdr0"> <table cellpadding="0" width="100%" cellspacing="0" class="position fnt12n txtalgnlft"> <tr class="gray"> <td width="50%"> Контактное лицо </td> <td> {ORDER_FORM_CONTACT_PERSON} </td> </tr> <tr> <td> Телефон для связи </td> <td> {ORDER_FORM_CONTACT_PHONE} </td> </tr> {% IF ORDER_FORM_CONTACT_EMAIL %} <tr class="gray"> <td> Электронная почта </td> <td> {ORDER_FORM_CONTACT_EMAIL} </td> </tr> {% ENDIF %} {% IF ORDER_FORM_DELIVERY_ZIP_CODE %} <tr> <td> Почтовый индекс </td> <td> {ORDER_FORM_DELIVERY_ZIP_CODE} </td> </tr> {% ENDIF %} {% IF ORDER_FORM_DELIVERY_COUNTRY_ID %} <tr class="gray"> <td> Страна </td> <td> {ORDER_FORM_DELIVERY_COUNTRY_NAME} </td> </tr> {% ENDIF %} {% IF ORDER_FORM_DELIVERY_REGION %} <tr> <td> Область </td> <td> {ORDER_FORM_DELIVERY_REGION} </td> </tr> {% ENDIF %} {% IF ORDER_FORM_DELIVERY_CITY %} <tr class="gray"> <td> Город </td> <td> {ORDER_FORM_DELIVERY_CITY} </td> </tr> {% ENDIF %} {% IF ORDER_FORM_DELIVERY_ADDRESS %} <tr> <td> Адрес доставки </td> <td> {ORDER_FORM_DELIVERY_ADDRESS | nl2br} </td> </tr> {% ENDIF %} {% IF ORDER_FORM_DELIVERY_CONVENIENT_DATE %} <tr class="gray"> <td> Удобное время доставки </td> <td> {ORDER_FORM_DELIVERY_CONVENIENT_DATE}{% IF ORDER_FORM_DELIVERY_CONVENIENT_TIME_FROM %} c {ORDER_FORM_DELIVERY_CONVENIENT_TIME_FROM}:00{% ENDIF %}{% IF ORDER_FORM_DELIVERY_CONVENIENT_TIME_TO %} до {ORDER_FORM_DELIVERY_CONVENIENT_TIME_TO}:00{% ENDIF %} </td> </tr> {% ENDIF %} {% IF ORDER_FORM_DELIVERY_COMMENT %} <tr> <td> Комментарий к заказу </td> <td> {ORDER_FORM_DELIVERY_COMMENT | nl2br} </td> </tr> {% ENDIF %} </table> </div> </div> </div> </div> <!-- Подтверждение заказа-Конец --> {% ENDIF %} <!-- Кнопки навигации --> <div class="hr"></div> <div class="padd"> <a href="javascript:history.go(-1)" class="whtblue" >Вернуться назад</a> <button type="submit" name="tonext" class="whtblue" >{% IF ORDER_STAGE_NUM=4%}Оформить заказ{% ELSE %}Перейти далее{% ENDIF %}</button> <input type="hidden" name="hash" value="{HASH}" /> </div> </form>
и замените его на
{% IF ORDER_STAGE_NUM=4%} <!-- Кнопки навигации --> <div class="hr"></div> <div class="padd"> <a href="javascript:history.go(-1)" class="whtblue" >Вернуться назад</a> <button type="submit" name="tonext" class="whtblue" >{% IF ORDER_STAGE_NUM=4%}Оформить заказ{% ELSE %}Перейти далее{% ENDIF %}</button> <input type="hidden" name="hash" value="{HASH}" /> </div> {% ENDIF %} <div class="headline" style="background:none;"> <div class="h1static clear"> <h1 class="fnt18n">Контактные данные</h1> </div> <div class="headline" style="margin:10px 0 0 0;"> <div class="main brdr0"> <table cellpadding="0" width="100%" cellspacing="0" class="position fnt12n txtalgnlft"> <tr class="gray"> <td width="50%"> Контактное лицо </td> <td> {ORDER_FORM_CONTACT_PERSON} </td> </tr> <tr> <td> Телефон для связи </td> <td> {ORDER_FORM_CONTACT_PHONE} </td> </tr> {% IF ORDER_FORM_CONTACT_EMAIL %} <tr class="gray"> <td> Электронная почта </td> <td> {ORDER_FORM_CONTACT_EMAIL} </td> </tr> {% ENDIF %} {% IF ORDER_FORM_DELIVERY_ZIP_CODE %} <tr> <td> Почтовый индекс </td> <td> {ORDER_FORM_DELIVERY_ZIP_CODE} </td> </tr> {% ENDIF %} {% IF ORDER_FORM_DELIVERY_COUNTRY_ID %} <tr class="gray"> <td> Страна </td> <td> {ORDER_FORM_DELIVERY_COUNTRY_NAME} </td> </tr> {% ENDIF %} {% IF ORDER_FORM_DELIVERY_REGION %} <tr> <td> Область </td> <td> {ORDER_FORM_DELIVERY_REGION} </td> </tr> {% ENDIF %} {% IF ORDER_FORM_DELIVERY_CITY %} <tr class="gray"> <td> Город </td> <td> {ORDER_FORM_DELIVERY_CITY} </td> </tr> {% ENDIF %} {% IF ORDER_FORM_DELIVERY_ADDRESS %} <tr> <td> Адрес доставки </td> <td> {ORDER_FORM_DELIVERY_ADDRESS | nl2br} </td> </tr> {% ENDIF %} {% IF ORDER_FORM_DELIVERY_CONVENIENT_DATE %} <tr class="gray"> <td> Удобное время доставки </td> <td> {ORDER_FORM_DELIVERY_CONVENIENT_DATE}{% IF ORDER_FORM_DELIVERY_CONVENIENT_TIME_FROM %} c {ORDER_FORM_DELIVERY_CONVENIENT_TIME_FROM}:00{% ENDIF %}{% IF ORDER_FORM_DELIVERY_CONVENIENT_TIME_TO %} до {ORDER_FORM_DELIVERY_CONVENIENT_TIME_TO}:00{% ENDIF %} </td> </tr> {% ENDIF %} {% IF ORDER_FORM_DELIVERY_COMMENT %} <tr> <td> Комментарий к заказу </td> <td> {ORDER_FORM_DELIVERY_COMMENT | nl2br} </td> </tr> {% ENDIF %} </table> </div> </div> </div> </div> <!-- Подтверждение заказа-Конец --> {% ENDIF %} <!-- Кнопки навигации --> <div class="hr"></div> {% IFNOT ORDER_STAGE_NUM=4%} <div class="padd"> <a href="javascript:history.go(-1)" class="whtblue" >Вернуться назад</a> <button type="submit" name="tonext" class="whtblue" >{% IF ORDER_STAGE_NUM=4%}Оформить заказ{% ELSE %}Перейти далее{% ENDIF %}</button> <input type="hidden" name="hash" value="{HASH}" /> </div> {% ENDIF %} </form>
3. В шаблоне "Оформление заказа" найдите код
<table cellpadding="0" width="100%" cellspacing="0" class="finish fnt11n padd txtalgncnt"> <tr class="title fnt11b"> <td class="first">Наименование</td><td width="10%">Кол-во</td><td width="20%" class="last">Общая сумма</td> </tr> {% FOR cart_items %} <tr class="order"> <td> <div class="img txtalgncnt"><a href="{cart_items.GOODS_URL}"><img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="" /></a></div> <div class="info txtalgnlft"> <span class="fnt12n"><a href="{cart_items.GOODS_URL}">{cart_items.GOODS_NAME} <!-- Если у товара есть отличительные свойства для модификации товара, допишем их к названию товара --> {% IFNOT cart_items.distinctive_properties_empty %}<span>({% FOR distinctive_properties %}{cart_items.distinctive_properties.NAME}: {cart_items.distinctive_properties.VALUE}{% IFNOT cart_items.distinctive_properties.last %}, {% ENDIF %}{% ENDFOR %})</span>{% ENDIF %}</a></span> <p class="fnt10n"><a href="http://{NET_DOMAIN}/">Главная</a> {% FOR catalog_path %}» <a href="{cart_items.catalog_path.URL}" >{cart_items.catalog_path.NAME}</a>{% ENDFOR %}</p> </div> </td> <td class="number">{cart_items.ORDER_LINE_QUANTITY} {cart_items.GOODS_MOD_MEASURE_NAME}</td><td class="last fnt12b">{cart_items.ORDER_LINE_PRICE_NOW | money_format}</td> </tr> {% ENDFOR %} <!-- Скидки, действующие на заказ --> {% FOR cart_discount %} {% IF cart_discount.DISCOUNT_IS_ENABLED %} <tr class="order"> <td> <div class="img txtalgncnt"><img src="{ASSETS_IMAGES_PATH}discount_icon_20.png" alt="Скидка" /></div> <div class="info txtalgnlft"> <span class="fnt12n">{cart_discount.DISCOUNT_NAME}</span> </div> </td> <td class="number"> {% IF cart_discount.IS_PERCENT %} {cart_discount.DISCOUNT_VALUE}% {% ELSE %} {cart_discount.DISCOUNT_VALUE | money_format} {% ENDIF %} </td> <td class="fnt12b">{cart_discount.END_PRICE | money_format}</td> <td class="fnt12b">{cart_discount.END_PRICE | money_format}</td> <td class="last" ></td> </tr> {% ENDIF %} {% ENDFOR %} <!-- Позиции доставки --> {% FOR cart_items_delivery %} <tr class="order"> <td> <div class="img txtalgncnt"><img src="{ASSETS_IMAGES_PATH}delivery.png" alt="Доставка" /></div> <div class="info txtalgnlft"> <span class="fnt12n">{cart_items_delivery.NAME}</span> {% IF cart_items_delivery.WITH_DELIVERY_ZONE %} <span clas="fnt10n">({cart_items_delivery.DELIVERY_ZONE_DESC})</span> {% ENDIF %} </div> </td> <td class="number">1 шт</td> <td class="last fnt12b">{cart_items_delivery.END_PRICE | money_format}</td> </tr> {% ENDFOR %} <!-- Позиции скидок --> {% FOR cart_discount %} {% IF cart_discount.DISCOUNT_IS_ENABLED %} <tr class="order"> <td> <div class="img txtalgncnt"><img src="{ASSETS_IMAGES_PATH}discount_icon_20.png" alt="Скидка" /></div> <div class="info txtalgnlft"> <span class="fnt12n">{cart_discount.DISCOUNT_NAME}</span> </div> </td> <td class="number"> {% IF cart_discount.IS_PERCENT %} {cart_discount.DISCOUNT_VALUE}% {% ELSE %} {cart_discount.DISCOUNT_VALUE | money_format} {% ENDIF %} </td> <td class="last fnt12b">{cart_discount.END_PRICE | money_format}</td> </tr> {% ENDIF %} {% ENDFOR %} </table>
и замените его на
<table cellpadding="0" width="100%" cellspacing="0" class="finish fnt11n padd txtalgncnt"> <tr class="title fnt11b"> <td class="first">Наименование</td><td width="10%">Кол-во</td><td width="20%" class="last">Общая сумма</td> </tr> {% FOR cart_items %} <tr class="order"> <td> <div class="img txtalgncnt"><a href="{cart_items.GOODS_URL}"><img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="" /></a></div> <div class="info txtalgnlft"> <span class="fnt12n"><a href="{cart_items.GOODS_URL}">{cart_items.GOODS_NAME} <!-- Если у товара есть отличительные свойства для модификации товара, допишем их к названию товара --> {% IFNOT cart_items.distinctive_properties_empty %}<span>({% FOR distinctive_properties %}{cart_items.distinctive_properties.NAME}: {cart_items.distinctive_properties.VALUE}{% IFNOT cart_items.distinctive_properties.last %}, {% ENDIF %}{% ENDFOR %})</span>{% ENDIF %}</a></span> <p class="fnt10n"><a href="http://{NET_DOMAIN}/">Главная</a> {% FOR catalog_path %}» <a href="{cart_items.catalog_path.URL}" >{cart_items.catalog_path.NAME}</a>{% ENDFOR %}</p> </div> </td> <td class="number">{cart_items.ORDER_LINE_QUANTITY} {cart_items.GOODS_MOD_MEASURE_NAME}</td><td class="last fnt12b">{cart_items.ORDER_LINE_PRICE_NOW | money_format}</td> </tr> {% ENDFOR %} <!-- Позиции доставки --> {% FOR cart_items_delivery %} <tr class="order"> <td> <div class="img txtalgncnt"><img src="{ASSETS_IMAGES_PATH}delivery.png" alt="Доставка" /></div> <div class="info txtalgnlft"> <span class="fnt12n">{cart_items_delivery.NAME}</span> {% IF cart_items_delivery.WITH_DELIVERY_ZONE %} <span clas="fnt10n">({cart_items_delivery.DELIVERY_ZONE_DESC})</span> {% ENDIF %} </div> </td> <td class="number">1 шт</td> <td class="last fnt12b">{cart_items_delivery.END_PRICE | money_format}</td> </tr> {% ENDFOR %} <!-- Позиции скидок --> {% FOR cart_discount %} {% IF cart_discount.DISCOUNT_IS_ENABLED %} <tr class="order"> <td> <div class="img txtalgncnt"><img src="{ASSETS_IMAGES_PATH}discount_icon_20.png" alt="Скидка" /></div> <div class="info txtalgnlft"> <span class="fnt12n">{cart_discount.DISCOUNT_NAME}</span> </div> </td> <td class="number"> {% IF cart_discount.IS_PERCENT %} {cart_discount.DISCOUNT_VALUE}% {% ELSE %} {cart_discount.DISCOUNT_VALUE | money_format} {% ENDIF %} </td> <td class="last fnt12b">{cart_discount.END_PRICE | money_format}</td> </tr> {% ENDIF %} {% ENDFOR %} </table>
4. Данные изображения используются в теме "Мокко". Для отображения статуса оформления заказа (в виде изображений) - необходимо так же разместить код в шаблоне "Оформление заказа"
<table class="orderHeader"> <tr> <td> <div class="orderIcon {% IF ORDER_STAGE_NUM=1 %}step1-act{% ELSEIF ORDER_STAGE_NUM>1%}ok{% ELSE %}step1{% ENDIF %}"></div> </td> <td class="orderStepName {% IF ORDER_STAGE_NUM>0 %}act{% ENDIF %}"> Контакты </td> <td> <div class="orderIcon {% IF ORDER_STAGE_NUM=2 %}step2-act{% ELSEIF ORDER_STAGE_NUM>2%}ok{% ELSE %}step2{% ENDIF %}"></div> </td> <td class="orderStepName {% IF ORDER_STAGE_NUM>1 %}act{% ENDIF %}"> Доставка </td> <td> <div class="orderIcon {% IF ORDER_STAGE_NUM=3 %}step3-act{% ELSEIF ORDER_STAGE_NUM>3%}ok{% ELSE %}step3{% ENDIF %}"></div> </td> <td class="orderStepName {% IF ORDER_STAGE_NUM>2 %}act{% ENDIF %}"> Оплата </td> <td> <div class="orderIcon {% IF ORDER_STAGE_NUM=4 %}step4-act{% ELSEIF ORDER_STAGE_NUM>4%}ok{% ELSE %}step4{% ENDIF %}"></div> </td> <td class="orderStepName {% IF ORDER_STAGE_NUM>3 %}act{% ENDIF %}"> Подтверждение заказа </td> </tr> </table>
а в файл стилей main.css добавить код
/* Оформление заказа. Шаги пользователя */ .orderHeader {margin:0em 0em 0.5em 0em;font-size:1.2em;} .orderHeader td {color:#cccccc} .orderHeader td.act {color:#555} .orderStepName {vertical-align:middle;padding-right:2em;} /* Иконки */ .orderIcon {width:36px;height:36px;display:block;background:url('{ASSETS_IMAGES_PATH}orderIcons.png') -1px -3px no-repeat;} .orderIcon.ok {background-position:-1px -3px;} .orderIcon.step1 {background-position:-1px -88px;} .orderIcon.step1-act {background-position:-1px -44px;} .orderIcon.step2 {background-position:-40px -88px;} .orderIcon.step2-act {background-position:-40px -44px;} .orderIcon.step3 {background-position:-79px -88px;} .orderIcon.step3-act {background-position:-79px -44px;} .orderIcon.step4 {background-position:-118px -88px;} .orderIcon.step4-act {background-position:-118px -44px;} .orderIcon.cart {background-position:-40px -3px;} .orderIcon.delivery {background-position:-118px -3px;margin:auto;} .orderIcon.discount {background-position:-79px -3px;margin:auto;}
#3
Отправлено 12 Декабрь 2013 - 21:12
Vaccina (12 Декабрь 2013 - 03:34) писал:
<a href="{CART_TRUNCATE_URL}" class="whtgreen" onclick="return confirm('Вы действительно хотите удалить все товары из корзины?')">Очистить корзину</a>
и замените её на
<a href="{CART_TRUNCATE_URL}" style="font-size: 14px;" class="whtgreen" onclick="return confirm('Вы действительно хотите удалить все товары из корзины?')">Очистить корзину</a>
2. Найдите в шаблоне "Оформление заказа" код
<div class="headline" style="background:none;"> <div class="h1static clear"> <h1 class="fnt18n">Контактные данные</h1> </div> <div class="headline" style="margin:10px 0 0 0;"> <div class="main brdr0"> <table cellpadding="0" width="100%" cellspacing="0" class="position fnt12n txtalgnlft"> <tr class="gray"> <td width="50%"> Контактное лицо </td> <td> {ORDER_FORM_CONTACT_PERSON} </td> </tr> <tr> <td> Телефон для связи </td> <td> {ORDER_FORM_CONTACT_PHONE} </td> </tr> {% IF ORDER_FORM_CONTACT_EMAIL %} <tr class="gray"> <td> Электронная почта </td> <td> {ORDER_FORM_CONTACT_EMAIL} </td> </tr> {% ENDIF %} {% IF ORDER_FORM_DELIVERY_ZIP_CODE %} <tr> <td> Почтовый индекс </td> <td> {ORDER_FORM_DELIVERY_ZIP_CODE} </td> </tr> {% ENDIF %} {% IF ORDER_FORM_DELIVERY_COUNTRY_ID %} <tr class="gray"> <td> Страна </td> <td> {ORDER_FORM_DELIVERY_COUNTRY_NAME} </td> </tr> {% ENDIF %} {% IF ORDER_FORM_DELIVERY_REGION %} <tr> <td> Область </td> <td> {ORDER_FORM_DELIVERY_REGION} </td> </tr> {% ENDIF %} {% IF ORDER_FORM_DELIVERY_CITY %} <tr class="gray"> <td> Город </td> <td> {ORDER_FORM_DELIVERY_CITY} </td> </tr> {% ENDIF %} {% IF ORDER_FORM_DELIVERY_ADDRESS %} <tr> <td> Адрес доставки </td> <td> {ORDER_FORM_DELIVERY_ADDRESS | nl2br} </td> </tr> {% ENDIF %} {% IF ORDER_FORM_DELIVERY_CONVENIENT_DATE %} <tr class="gray"> <td> Удобное время доставки </td> <td> {ORDER_FORM_DELIVERY_CONVENIENT_DATE}{% IF ORDER_FORM_DELIVERY_CONVENIENT_TIME_FROM %} c {ORDER_FORM_DELIVERY_CONVENIENT_TIME_FROM}:00{% ENDIF %}{% IF ORDER_FORM_DELIVERY_CONVENIENT_TIME_TO %} до {ORDER_FORM_DELIVERY_CONVENIENT_TIME_TO}:00{% ENDIF %} </td> </tr> {% ENDIF %} {% IF ORDER_FORM_DELIVERY_COMMENT %} <tr> <td> Комментарий к заказу </td> <td> {ORDER_FORM_DELIVERY_COMMENT | nl2br} </td> </tr> {% ENDIF %} </table> </div> </div> </div> </div> <!-- Подтверждение заказа-Конец --> {% ENDIF %} <!-- Кнопки навигации --> <div class="hr"></div> <div class="padd"> <a href="javascript:history.go(-1)" class="whtblue" >Вернуться назад</a> <button type="submit" name="tonext" class="whtblue" >{% IF ORDER_STAGE_NUM=4%}Оформить заказ{% ELSE %}Перейти далее{% ENDIF %}</button> <input type="hidden" name="hash" value="{HASH}" /> </div> </form>
и замените его на
{% IF ORDER_STAGE_NUM=4%} <!-- Кнопки навигации --> <div class="hr"></div> <div class="padd"> <a href="javascript:history.go(-1)" class="whtblue" >Вернуться назад</a> <button type="submit" name="tonext" class="whtblue" >{% IF ORDER_STAGE_NUM=4%}Оформить заказ{% ELSE %}Перейти далее{% ENDIF %}</button> <input type="hidden" name="hash" value="{HASH}" /> </div> {% ENDIF %} <div class="headline" style="background:none;"> <div class="h1static clear"> <h1 class="fnt18n">Контактные данные</h1> </div> <div class="headline" style="margin:10px 0 0 0;"> <div class="main brdr0"> <table cellpadding="0" width="100%" cellspacing="0" class="position fnt12n txtalgnlft"> <tr class="gray"> <td width="50%"> Контактное лицо </td> <td> {ORDER_FORM_CONTACT_PERSON} </td> </tr> <tr> <td> Телефон для связи </td> <td> {ORDER_FORM_CONTACT_PHONE} </td> </tr> {% IF ORDER_FORM_CONTACT_EMAIL %} <tr class="gray"> <td> Электронная почта </td> <td> {ORDER_FORM_CONTACT_EMAIL} </td> </tr> {% ENDIF %} {% IF ORDER_FORM_DELIVERY_ZIP_CODE %} <tr> <td> Почтовый индекс </td> <td> {ORDER_FORM_DELIVERY_ZIP_CODE} </td> </tr> {% ENDIF %} {% IF ORDER_FORM_DELIVERY_COUNTRY_ID %} <tr class="gray"> <td> Страна </td> <td> {ORDER_FORM_DELIVERY_COUNTRY_NAME} </td> </tr> {% ENDIF %} {% IF ORDER_FORM_DELIVERY_REGION %} <tr> <td> Область </td> <td> {ORDER_FORM_DELIVERY_REGION} </td> </tr> {% ENDIF %} {% IF ORDER_FORM_DELIVERY_CITY %} <tr class="gray"> <td> Город </td> <td> {ORDER_FORM_DELIVERY_CITY} </td> </tr> {% ENDIF %} {% IF ORDER_FORM_DELIVERY_ADDRESS %} <tr> <td> Адрес доставки </td> <td> {ORDER_FORM_DELIVERY_ADDRESS | nl2br} </td> </tr> {% ENDIF %} {% IF ORDER_FORM_DELIVERY_CONVENIENT_DATE %} <tr class="gray"> <td> Удобное время доставки </td> <td> {ORDER_FORM_DELIVERY_CONVENIENT_DATE}{% IF ORDER_FORM_DELIVERY_CONVENIENT_TIME_FROM %} c {ORDER_FORM_DELIVERY_CONVENIENT_TIME_FROM}:00{% ENDIF %}{% IF ORDER_FORM_DELIVERY_CONVENIENT_TIME_TO %} до {ORDER_FORM_DELIVERY_CONVENIENT_TIME_TO}:00{% ENDIF %} </td> </tr> {% ENDIF %} {% IF ORDER_FORM_DELIVERY_COMMENT %} <tr> <td> Комментарий к заказу </td> <td> {ORDER_FORM_DELIVERY_COMMENT | nl2br} </td> </tr> {% ENDIF %} </table> </div> </div> </div> </div> <!-- Подтверждение заказа-Конец --> {% ENDIF %} <!-- Кнопки навигации --> <div class="hr"></div> {% IFNOT ORDER_STAGE_NUM=4%} <div class="padd"> <a href="javascript:history.go(-1)" class="whtblue" >Вернуться назад</a> <button type="submit" name="tonext" class="whtblue" >{% IF ORDER_STAGE_NUM=4%}Оформить заказ{% ELSE %}Перейти далее{% ENDIF %}</button> <input type="hidden" name="hash" value="{HASH}" /> </div> {% ENDIF %} </form>
3. В шаблоне "Оформление заказа" найдите код
<table cellpadding="0" width="100%" cellspacing="0" class="finish fnt11n padd txtalgncnt"> <tr class="title fnt11b"> <td class="first">Наименование</td><td width="10%">Кол-во</td><td width="20%" class="last">Общая сумма</td> </tr> {% FOR cart_items %} <tr class="order"> <td> <div class="img txtalgncnt"><a href="{cart_items.GOODS_URL}"><img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="" /></a></div> <div class="info txtalgnlft"> <span class="fnt12n"><a href="{cart_items.GOODS_URL}">{cart_items.GOODS_NAME} <!-- Если у товара есть отличительные свойства для модификации товара, допишем их к названию товара --> {% IFNOT cart_items.distinctive_properties_empty %}<span>({% FOR distinctive_properties %}{cart_items.distinctive_properties.NAME}: {cart_items.distinctive_properties.VALUE}{% IFNOT cart_items.distinctive_properties.last %}, {% ENDIF %}{% ENDFOR %})</span>{% ENDIF %}</a></span> <p class="fnt10n"><a href="http://{NET_DOMAIN}/">Главная</a> {% FOR catalog_path %}» <a href="{cart_items.catalog_path.URL}" >{cart_items.catalog_path.NAME}</a>{% ENDFOR %}</p> </div> </td> <td class="number">{cart_items.ORDER_LINE_QUANTITY} {cart_items.GOODS_MOD_MEASURE_NAME}</td><td class="last fnt12b">{cart_items.ORDER_LINE_PRICE_NOW | money_format}</td> </tr> {% ENDFOR %} <!-- Скидки, действующие на заказ --> {% FOR cart_discount %} {% IF cart_discount.DISCOUNT_IS_ENABLED %} <tr class="order"> <td> <div class="img txtalgncnt"><img src="{ASSETS_IMAGES_PATH}discount_icon_20.png" alt="Скидка" /></div> <div class="info txtalgnlft"> <span class="fnt12n">{cart_discount.DISCOUNT_NAME}</span> </div> </td> <td class="number"> {% IF cart_discount.IS_PERCENT %} {cart_discount.DISCOUNT_VALUE}% {% ELSE %} {cart_discount.DISCOUNT_VALUE | money_format} {% ENDIF %} </td> <td class="fnt12b">{cart_discount.END_PRICE | money_format}</td> <td class="fnt12b">{cart_discount.END_PRICE | money_format}</td> <td class="last" ></td> </tr> {% ENDIF %} {% ENDFOR %} <!-- Позиции доставки --> {% FOR cart_items_delivery %} <tr class="order"> <td> <div class="img txtalgncnt"><img src="{ASSETS_IMAGES_PATH}delivery.png" alt="Доставка" /></div> <div class="info txtalgnlft"> <span class="fnt12n">{cart_items_delivery.NAME}</span> {% IF cart_items_delivery.WITH_DELIVERY_ZONE %} <span clas="fnt10n">({cart_items_delivery.DELIVERY_ZONE_DESC})</span> {% ENDIF %} </div> </td> <td class="number">1 шт</td> <td class="last fnt12b">{cart_items_delivery.END_PRICE | money_format}</td> </tr> {% ENDFOR %} <!-- Позиции скидок --> {% FOR cart_discount %} {% IF cart_discount.DISCOUNT_IS_ENABLED %} <tr class="order"> <td> <div class="img txtalgncnt"><img src="{ASSETS_IMAGES_PATH}discount_icon_20.png" alt="Скидка" /></div> <div class="info txtalgnlft"> <span class="fnt12n">{cart_discount.DISCOUNT_NAME}</span> </div> </td> <td class="number"> {% IF cart_discount.IS_PERCENT %} {cart_discount.DISCOUNT_VALUE}% {% ELSE %} {cart_discount.DISCOUNT_VALUE | money_format} {% ENDIF %} </td> <td class="last fnt12b">{cart_discount.END_PRICE | money_format}</td> </tr> {% ENDIF %} {% ENDFOR %} </table>
и замените его на
<table cellpadding="0" width="100%" cellspacing="0" class="finish fnt11n padd txtalgncnt"> <tr class="title fnt11b"> <td class="first">Наименование</td><td width="10%">Кол-во</td><td width="20%" class="last">Общая сумма</td> </tr> {% FOR cart_items %} <tr class="order"> <td> <div class="img txtalgncnt"><a href="{cart_items.GOODS_URL}"><img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="" /></a></div> <div class="info txtalgnlft"> <span class="fnt12n"><a href="{cart_items.GOODS_URL}">{cart_items.GOODS_NAME} <!-- Если у товара есть отличительные свойства для модификации товара, допишем их к названию товара --> {% IFNOT cart_items.distinctive_properties_empty %}<span>({% FOR distinctive_properties %}{cart_items.distinctive_properties.NAME}: {cart_items.distinctive_properties.VALUE}{% IFNOT cart_items.distinctive_properties.last %}, {% ENDIF %}{% ENDFOR %})</span>{% ENDIF %}</a></span> <p class="fnt10n"><a href="http://{NET_DOMAIN}/">Главная</a> {% FOR catalog_path %}» <a href="{cart_items.catalog_path.URL}" >{cart_items.catalog_path.NAME}</a>{% ENDFOR %}</p> </div> </td> <td class="number">{cart_items.ORDER_LINE_QUANTITY} {cart_items.GOODS_MOD_MEASURE_NAME}</td><td class="last fnt12b">{cart_items.ORDER_LINE_PRICE_NOW | money_format}</td> </tr> {% ENDFOR %} <!-- Позиции доставки --> {% FOR cart_items_delivery %} <tr class="order"> <td> <div class="img txtalgncnt"><img src="{ASSETS_IMAGES_PATH}delivery.png" alt="Доставка" /></div> <div class="info txtalgnlft"> <span class="fnt12n">{cart_items_delivery.NAME}</span> {% IF cart_items_delivery.WITH_DELIVERY_ZONE %} <span clas="fnt10n">({cart_items_delivery.DELIVERY_ZONE_DESC})</span> {% ENDIF %} </div> </td> <td class="number">1 шт</td> <td class="last fnt12b">{cart_items_delivery.END_PRICE | money_format}</td> </tr> {% ENDFOR %} <!-- Позиции скидок --> {% FOR cart_discount %} {% IF cart_discount.DISCOUNT_IS_ENABLED %} <tr class="order"> <td> <div class="img txtalgncnt"><img src="{ASSETS_IMAGES_PATH}discount_icon_20.png" alt="Скидка" /></div> <div class="info txtalgnlft"> <span class="fnt12n">{cart_discount.DISCOUNT_NAME}</span> </div> </td> <td class="number"> {% IF cart_discount.IS_PERCENT %} {cart_discount.DISCOUNT_VALUE}% {% ELSE %} {cart_discount.DISCOUNT_VALUE | money_format} {% ENDIF %} </td> <td class="last fnt12b">{cart_discount.END_PRICE | money_format}</td> </tr> {% ENDIF %} {% ENDFOR %} </table>
4. Данные изображения используются в теме "Мокко". Для отображения статуса оформления заказа (в виде изображений) - необходимо так же разместить код в шаблоне "Оформление заказа"
<table class="orderHeader"> <tr> <td> <div class="orderIcon {% IF ORDER_STAGE_NUM=1 %}step1-act{% ELSEIF ORDER_STAGE_NUM>1%}ok{% ELSE %}step1{% ENDIF %}"></div> </td> <td class="orderStepName {% IF ORDER_STAGE_NUM>0 %}act{% ENDIF %}"> Контакты </td> <td> <div class="orderIcon {% IF ORDER_STAGE_NUM=2 %}step2-act{% ELSEIF ORDER_STAGE_NUM>2%}ok{% ELSE %}step2{% ENDIF %}"></div> </td> <td class="orderStepName {% IF ORDER_STAGE_NUM>1 %}act{% ENDIF %}"> Доставка </td> <td> <div class="orderIcon {% IF ORDER_STAGE_NUM=3 %}step3-act{% ELSEIF ORDER_STAGE_NUM>3%}ok{% ELSE %}step3{% ENDIF %}"></div> </td> <td class="orderStepName {% IF ORDER_STAGE_NUM>2 %}act{% ENDIF %}"> Оплата </td> <td> <div class="orderIcon {% IF ORDER_STAGE_NUM=4 %}step4-act{% ELSEIF ORDER_STAGE_NUM>4%}ok{% ELSE %}step4{% ENDIF %}"></div> </td> <td class="orderStepName {% IF ORDER_STAGE_NUM>3 %}act{% ENDIF %}"> Подтверждение заказа </td> </tr> </table>
а в файл стилей main.css добавить код
/* Оформление заказа. Шаги пользователя */ .orderHeader {margin:0em 0em 0.5em 0em;font-size:1.2em;} .orderHeader td {color:#cccccc} .orderHeader td.act {color:#555} .orderStepName {vertical-align:middle;padding-right:2em;} /* Иконки */ .orderIcon {width:36px;height:36px;display:block;background:url('{ASSETS_IMAGES_PATH}orderIcons.png') -1px -3px no-repeat;} .orderIcon.ok {background-position:-1px -3px;} .orderIcon.step1 {background-position:-1px -88px;} .orderIcon.step1-act {background-position:-1px -44px;} .orderIcon.step2 {background-position:-40px -88px;} .orderIcon.step2-act {background-position:-40px -44px;} .orderIcon.step3 {background-position:-79px -88px;} .orderIcon.step3-act {background-position:-79px -44px;} .orderIcon.step4 {background-position:-118px -88px;} .orderIcon.step4-act {background-position:-118px -44px;} .orderIcon.cart {background-position:-40px -3px;} .orderIcon.delivery {background-position:-118px -3px;margin:auto;} .orderIcon.discount {background-position:-79px -3px;margin:auto;}
После изменения в п.3 в google chrome стала выходить такая ошибка (причем в опере и IE и mozileне выходит):
На странице возникла JS ошибка:
Uncaught ReferenceError: DealPly is not defined на строке: 32.
Адрес файла:
Как исправить ошибку?
Не удалось найти решение для данной ошибки. Для решения проблемы исправьте javascript в разделе «Сайт» >
«Редактор тем».
Если необходимо помочь в решении данной ошибки, задайте вопрос в разделе "Ошибки" на нашем форуме.
п.3.2 все равно не работает (Если в системе сделать скидочный купон (например при покупке от 1000 руб, чтобы была скидка) и дополнительно ввести купон вручную (уже другой, код которого формируется в админке), то на последнем шаге заказа, он (купон, который формируется в админке) будет отображаться дважды, вместо того, чтобы отображать 1ый купон (например при покупке от 1000 руб, чтобы была скидка) и 2ой введенный вручную.
п.2 кнопки встали немного не туда и полетело оформление (скрин "111" приложил. код вернул на старый)
Можно сделать расположение кнопок как на скрине "1112"?
#4
Отправлено 13 Декабрь 2013 - 03:45
Цитата
На странице возникла JS ошибка:
Данная ошибка может возникать только из-за изменений javascript. В п.3 подобных изменений нет. Вероятно вы дополнительно вставляли код связанный с "DealPly". На данный момент подобной ошибки на вашем сайте не удалось обнаружить.
Цитата
Возможно у вас присутствует дополнительный дубликат кода отображающей информацию о скидке. В данном случае можно попробовать восстановить исходное состояние шаблона "Оформление заказа". Если вы приведете изображение с проблемой, то возможно не понадобиться восстановление шаблона, а получиться определить проблемный код в шаблоне исходя из вашего изображения.
Цитата
Кнопки необходимо перемещать аналогично как было описано ранее. Найдите в шаблоне "Оформление заказа" код
<!-- Кнопки навигации --> <div class="hr"></div> <div class="padd"> <a href="javascript:history.go(-1)" class="whtblue" >Вернуться назад</a> <button type="submit" name="tonext" class="whtblue" >{% IF ORDER_STAGE_NUM=4%}Оформить заказ{% ELSE %}Перейти далее{% ENDIF %}</button> <input type="hidden" name="hash" value="{HASH}" /> </div> </form>
и замените его на
<!-- Кнопки навигации --> <div class="hr"></div> {% IFNOT ORDER_STAGE_NUM=4%} <div class="padd"> <a href="javascript:history.go(-1)" class="whtblue" >Вернуться назад</a> <button type="submit" name="tonext" class="whtblue" >{% IF ORDER_STAGE_NUM=4%}Оформить заказ{% ELSE %}Перейти далее{% ENDIF %}</button> <input type="hidden" name="hash" value="{HASH}" /> </div> {% ENDIF %} </form>
после найдите код
<div class="headline" style="background:none;"> <div class="h1static clear"> <h1 class="fnt18n">Контактные данные</h1>
и замените его на
{% IF ORDER_STAGE_NUM=4%} <!-- Кнопки навигации --> <div class="clr"></div> <div class="padd" style="text-align: right;"> <a href="javascript:history.go(-1)" class="whtblue" >Вернуться назад</a> <button type="submit" name="tonext" class="whtblue" >{% IF ORDER_STAGE_NUM=4%}Оформить заказ{% ELSE %}Перейти далее{% ENDIF %}</button> <input type="hidden" name="hash" value="{HASH}" /> </div> {% ENDIF %} <div class="headline" style="background:none;"> <div class="h1static clear"> <h1 class="fnt18n">Контактные данные</h1>
#5
Отправлено 13 Декабрь 2013 - 19:59
Сake (13 Декабрь 2013 - 03:45) писал:
Возможно у вас присутствует дополнительный дубликат кода отображающей информацию о скидке. В данном случае можно попробовать восстановить исходное состояние шаблона "Оформление заказа". Если вы приведете изображение с проблемой, то возможно не понадобиться восстановление шаблона, а получиться определить проблемный код в шаблоне исходя из вашего изображения.
Кнопки необходимо перемещать аналогично как было описано ранее. Найдите в шаблоне "Оформление заказа" код
<!-- Кнопки навигации --> <div class="hr"></div> <div class="padd"> <a href="javascript:history.go(-1)" class="whtblue" >Вернуться назад</a> <button type="submit" name="tonext" class="whtblue" >{% IF ORDER_STAGE_NUM=4%}Оформить заказ{% ELSE %}Перейти далее{% ENDIF %}</button> <input type="hidden" name="hash" value="{HASH}" /> </div> </form>
и замените его на
<!-- Кнопки навигации --> <div class="hr"></div> {% IFNOT ORDER_STAGE_NUM=4%} <div class="padd"> <a href="javascript:history.go(-1)" class="whtblue" >Вернуться назад</a> <button type="submit" name="tonext" class="whtblue" >{% IF ORDER_STAGE_NUM=4%}Оформить заказ{% ELSE %}Перейти далее{% ENDIF %}</button> <input type="hidden" name="hash" value="{HASH}" /> </div> {% ENDIF %} </form>
после найдите код
<div class="headline" style="background:none;"> <div class="h1static clear"> <h1 class="fnt18n">Контактные данные</h1>
и замените его на
{% IF ORDER_STAGE_NUM=4%} <!-- Кнопки навигации --> <div class="clr"></div> <div class="padd" style="text-align: right;"> <a href="javascript:history.go(-1)" class="whtblue" >Вернуться назад</a> <button type="submit" name="tonext" class="whtblue" >{% IF ORDER_STAGE_NUM=4%}Оформить заказ{% ELSE %}Перейти далее{% ENDIF %}</button> <input type="hidden" name="hash" value="{HASH}" /> </div> {% ENDIF %} <div class="headline" style="background:none;"> <div class="h1static clear"> <h1 class="fnt18n">Контактные данные</h1>
По поводу отображения скидки, немного Вам соврал, простите
При 2ух разных скидках, которые должны быть, отображается только последняя (а нужно, чтобы обе). Приложил скрины нескольких шагов.
Что касается переноса кнопок "Оформить заказ" и "Вернуться назад", все получилось, только как их опустить немного ниже, относительно отображения итоговой цены? Какой параметр необходимо изменять?
#6
Отправлено 14 Декабрь 2013 - 03:57
Цитата
Найдите строку в шаблоне "Оформление заказа"
<div class="padd" style="text-align: right;">
и замените её на
<div class="padd" style="text-align: right; margin-top: 10px;">
#7
Отправлено 14 Декабрь 2013 - 17:03
Сake (14 Декабрь 2013 - 03:57) писал:
Найдите строку в шаблоне "Оформление заказа"
<div class="padd" style="text-align: right;">
и замените её на
<div class="padd" style="text-align: right; margin-top: 10px;">
Добрый вечер!
По скидкам понятно.
С кнопками все получилось.
Огромное спасибо за помощь
#9
Отправлено 05 Май 2015 - 11:15
ac-dream (05 Май 2015 - 01:35) писал:
Как изменить вид кнопки "Назад" при оформлении заказа? СКРИН
Аккаунт SL-343424
Вам необходимо сделать следующее:
В шаблоне main.css найдите, пожалуйста, несколько кодов:
Найдите первый код:
.button, .back-link .button { color: #000; display: inline-block; font-size: 20px; border: 1px solid #ddd; padding: 6px 20px 8px 20px; margin-top: 10px; cursor: pointer; transition: all 0.35s ease; -moz-transition: all 0.35s ease; -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; font-weight: bold; border-radius: 0px; width: 40%; background: #bbb; }
И замените его вот этим вот кодом:
.button, .back-link .button { color: #000; font-size: 20px; border: 1px solid #ddd; padding: 6px 20px 8px 20px; margin-top: 10px; cursor: pointer; transition: all 0.35s ease; -moz-transition: all 0.35s ease; -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; font-weight: bold; border-radius: 0px; width: 40%; background: #bbb; }
Теперь найдите второй код:
.back { float: left; }
И замените его этим кодом:
.back { float: left; margin-top: 18px; }
#10
Отправлено 05 Май 2015 - 11:46
#11
Отправлено 05 Июль 2015 - 01:47
Обнаружилось, что при заполнении формы регистрации кнопки "сползли". Сама редактировать не решаюсь, т.к. даже после ваших рекомендаций в изменении местоположения и цвета одной кнопки уползают другие.
Так вот. Помогите, пожалуйста, сдвинуть те кнопки, которые указаны на скринах, изменить цвет кнопки и шрифт текста на них так, чтобы никаких других кнопок на других страницах сайта эти изменения не касались. Иначе постоянно происходит так, что изменили для одного, изменилось и для другого, где этого не надо!
Аккаунт SL-343424
#12
Отправлено 05 Июль 2015 - 10:44
ac-dream (05 Июль 2015 - 01:47) писал:
Обнаружилось, что при заполнении формы регистрации кнопки "сползли". Сама редактировать не решаюсь, т.к. даже после ваших рекомендаций в изменении местоположения и цвета одной кнопки уползают другие.
Так вот. Помогите, пожалуйста, сдвинуть те кнопки, которые указаны на скринах, изменить цвет кнопки и шрифт текста на них так, чтобы никаких других кнопок на других страницах сайта эти изменения не касались. Иначе постоянно происходит так, что изменили для одного, изменилось и для другого, где этого не надо!
Аккаунт SL-343424
В шаблоне Лк авторизация найдите код
<div class="logBlockCont btheme-color"> Зарегистрировавшись в нашем магазине, вы сможете оформлять заказы быстрее, просматривать и отслеживать ваши заказы, хранить адреса доставки, просматривать и отслеживать заказы и многое многое другое. </div> <div class="logbutton"> <a onclick="window.location='{USER_REGISTER_URL}';" class="button" >Зарегистрироваться</a> </div>и замените на
<div class="logBlockCont btheme-color"> Зарегистрировавшись в нашем магазине, вы сможете оформлять заказы быстрее, просматривать и отслеживать ваши заказы, хранить адреса доставки, просматривать и отслеживать заказы и многое многое другое. <div class="logbutton"> <a onclick="window.location='{USER_REGISTER_URL}';" class="button" >Зарегистрироваться</a> </div> </div>Так же найдите код
</div> <div class="logbutton"> <a class="button" href="{USER_RECOVERY_URL}">Забыли пароль?</a> <button type="submit" class="button" title="Login" name="send" id="send2">Войти</button> </div>и замените на
<div class="logbutton"> <a class="button" href="{USER_RECOVERY_URL}">Забыли пароль?</a> <button type="submit" class="button" title="Login" name="send" id="send2">Войти</button> </div> </div>После в конец main.css добавьте код:
Для неактивного состояния
.logbutton a, .logbutton button { background: #FF0; color: #F00; font-size: 21px; border: 1px solid #000; }При наведении
.logbutton a:hover, .logbutton button:hover { background: #FF0; color: #F00; font-size: 21px; border: 1px solid #000; }Изменяйте стили на свои
#13
Отправлено 05 Июль 2015 - 12:27
Danil (05 Июль 2015 - 10:44) писал:
В шаблоне Лк авторизация найдите код
<div class="logBlockCont btheme-color"> Зарегистрировавшись в нашем магазине, вы сможете оформлять заказы быстрее, просматривать и отслеживать ваши заказы, хранить адреса доставки, просматривать и отслеживать заказы и многое многое другое. </div> <div class="logbutton"> <a onclick="window.location='{USER_REGISTER_URL}';" class="button" >Зарегистрироваться</a> </div>и замените на
<div class="logBlockCont btheme-color"> Зарегистрировавшись в нашем магазине, вы сможете оформлять заказы быстрее, просматривать и отслеживать ваши заказы, хранить адреса доставки, просматривать и отслеживать заказы и многое многое другое. <div class="logbutton"> <a onclick="window.location='{USER_REGISTER_URL}';" class="button" >Зарегистрироваться</a> </div> </div>Так же найдите код
</div> <div class="logbutton"> <a class="button" href="{USER_RECOVERY_URL}">Забыли пароль?</a> <button type="submit" class="button" title="Login" name="send" id="send2">Войти</button> </div>и замените на
<div class="logbutton"> <a class="button" href="{USER_RECOVERY_URL}">Забыли пароль?</a> <button type="submit" class="button" title="Login" name="send" id="send2">Войти</button> </div> </div>После в конец main.css добавьте код:
Для неактивного состояния
.logbutton a, .logbutton button { background: #FF0; color: #F00; font-size: 21px; border: 1px solid #000; }При наведении
.logbutton a:hover, .logbutton button:hover { background: #FF0; color: #F00; font-size: 21px; border: 1px solid #000; }Изменяйте стили на свои
Спасибо за ответ, хоть и частичный.
Пожалуйста, посмотрите вопрос на скрине 31.
НА скрине 32 ещё 2 вопроса.
#14
Отправлено 05 Июль 2015 - 13:01
ac-dream (05 Июль 2015 - 12:27) писал:
Пожалуйста, посмотрите вопрос на скрине 31.
НА скрине 32 ещё 2 вопроса.
в main.css найдите код
.button, .back-link .button { color: #000; font-size: 20px; border: 1px solid #ddd; padding: 6px 20px 8px 20px; margin-top: 10px; cursor: pointer; transition: all 0.35s ease; -moz-transition: all 0.35s ease; -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; font-weight: bold; border-radius: 0px; width: 40%; background: #bbb; }изменяйте стили на свои
Так же в конец main.css добавьте
.right button.button { width: 100%; margin-top: -14px; }Для второго:
В шаблоне ЛК авторизация найдите код
<div class="logbutton"> <a onclick="window.location='{USER_REGISTER_URL}';" class="button" >Зарегистрироваться</a> </div>и замените на
<div class="logbutton nomer2"> <a onclick="window.location='{USER_REGISTER_URL}';" class="button" >Зарегистрироваться</a> </div>В main.css найдите код
.logbutton { text-align: right; }и замените на
.logbutton { text-align: center; margin-top: 64px; } .nomer2 { margin-top: 116px; }
изменяйте значения margin-top
#15
Отправлено 05 Июль 2015 - 23:29
Danil (05 Июль 2015 - 13:01) писал:
в main.css найдите код
.button, .back-link .button { color: #000; font-size: 20px; border: 1px solid #ddd; padding: 6px 20px 8px 20px; margin-top: 10px; cursor: pointer; transition: all 0.35s ease; -moz-transition: all 0.35s ease; -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; font-weight: bold; border-radius: 0px; width: 40%; background: #bbb; }изменяйте стили на свои
Так же в конец main.css добавьте
.right button.button { width: 100%; margin-top: -14px; }Для второго:
В шаблоне ЛК авторизация найдите код
<div class="logbutton"> <a onclick="window.location='{USER_REGISTER_URL}';" class="button" >Зарегистрироваться</a> </div>и замените на
<div class="logbutton nomer2"> <a onclick="window.location='{USER_REGISTER_URL}';" class="button" >Зарегистрироваться</a> </div>В main.css найдите код
.logbutton { text-align: right; }и замените на
.logbutton { text-align: center; margin-top: 64px; } .nomer2 { margin-top: 116px; }изменяйте значения margin-top
Отлично, спасибо!
Ещё появились аналогичный вопросики (Скрины)
#16
Отправлено 07 Июль 2015 - 02:11
{% IF favorites_goods_empty %} <p class="attention">Ваш список избранных товаров пуст. Вы можете добавлять сюда товары из <a href="{CATALOG_URL}">каталога</a></p> {% ELSE %}
замените на:
{% IF favorites_goods_empty %} <p class="attention">Ваш список избранных товаров пуст. Вы можете добавлять сюда товары из <a href="{CATALOG_URL}">каталога</a></p><br/> {% ELSE %}
2. За данную кнопку отвечает следующий блок стилей в main.css:
.logbutton a, .logbutton button, .regbutton button, .regbutton .button, p .button { background: white none repeat scroll 0 0; border: 1px solid #ddd; color: #666; cursor: pointer; padding: 5px 10px; transition: all 0.35s ease 0s; }
#17
Отправлено 07 Июль 2015 - 16:27
Vaccina (07 Июль 2015 - 02:11) писал:
{% IF favorites_goods_empty %} <p class="attention">Ваш список избранных товаров пуст. Вы можете добавлять сюда товары из <a href="{CATALOG_URL}">каталога</a></p> {% ELSE %}
замените на:
{% IF favorites_goods_empty %} <p class="attention">Ваш список избранных товаров пуст. Вы можете добавлять сюда товары из <a href="{CATALOG_URL}">каталога</a></p><br/> {% ELSE %}
2. За данную кнопку отвечает следующий блок стилей в main.css:
.logbutton a, .logbutton button, .regbutton button, .regbutton .button, p .button { background: white none repeat scroll 0 0; border: 1px solid #ddd; color: #666; cursor: pointer; padding: 5px 10px; transition: all 0.35s ease 0s; }
Спасибо.
Кнопку "История заказов" сделала сама, по аналогии.
Уважаемая Vaccina, насколько корректно сдвигать кнопку вниз при помощи тега <br>? Почему не с помощью параметра margin-top в main.css?
И ещё вопрос в скрине.
#18
Отправлено 08 Июль 2015 - 02:19
.back-link .button { clear: both; display: block; width: 110px; }
если же отступ должен быть больше, то можно добавить стиль margin-top, пример:
.back-link .button { clear: both; display: block; margin-top: 20px; width: 110px; }
#19
Отправлено 08 Июль 2015 - 14:50
Vaccina (08 Июль 2015 - 02:19) писал:
.back-link .button { clear: both; display: block; width: 110px; }
если же отступ должен быть больше, то можно добавить стиль margin-top, пример:
.back-link .button { clear: both; display: block; margin-top: 20px; width: 110px; }
#20
Отправлено 09 Июль 2015 - 03:27
.back-link .button { clear: both; display: block; width: 110px; }
замените на:
.back-link .back2{ clear: both; display: block; width: 140px; }
Далее зайдите в шаблон ЛК История заказов (Список) найдите:
<div class="buttons"> <p class="back-link"><a class="button" href="{USER_SETTINGS_URL}" title="Вернуться назад к странице персональных настроек"><small>« </small>Назад</a></p> </div>
замените на:
<div class="buttons"> <p class="back-link"><a class="button back2" href="{USER_SETTINGS_URL}" title="Вернуться назад к странице персональных настроек"><small>« </small>Назад</a></p> </div>
Далее зайдите в шаблон ЛК Избранные товары найдите:
<p class="back-link"> <a class="button" href="{USER_SETTINGS_URL}" title="Назад на главную страницу личного кабинета"> << Назад</a> </p>
замените на:
<p class="back-link"> <a class="button back2" href="{USER_SETTINGS_URL}" title="Назад на главную страницу личного кабинета"> << Назад</a> </p>
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных