Неверное Расположение Кнопок
#1
Отправлено 16 Март 2013 - 17:41
#2
Отправлено 16 Март 2013 - 18:49
Ирина Викторовна (16 Март 2013 - 17:41) писал:
в файле main.css найдите блок
.left_button { background-image:url({ASSETS_IMAGES_PATH}bg_down.png); margin-left: -53px; margin-top: 10px; }
измените его на
.left_button { background-image:url({ASSETS_IMAGES_PATH}bg_down.png); margin-left: -53px; margin-top: 10px; }
#3
Отправлено 16 Март 2013 - 21:17
#4
Отправлено 16 Март 2013 - 21:23
#5
Отправлено 16 Март 2013 - 23:45
#6
Отправлено 17 Март 2013 - 17:55
#8
Отправлено 18 Март 2013 - 00:36
<script language="JavaScript">
function addone(i, $this) {
ta1=$($this).closest('.numeric_input').find('input.text_q').get(0);
ta1.value=parseInt(ta1.value)+i;
if (parseInt(ta1.value) <= 1) { ta1.value=1; }
$('.right_button').closest('form').submit();
}
2) код который указан в категории Товар
<!-- Добавление в корзину -->
<div class="goodsDataMainModificationQuantity">
<label for="quantity_wanted">Количество :</label>
<div class="numeric_input">
<input type="text" class="text_q" name="form[goods_mod_quantity]" id="quantity_wanted" value="1" title="Количество" maxlength="12"
onkeydown="this.blur()"/><div style="margin-top: -3px;">
<input type="button" class="right_button"
onclick="this.parentNode.previousSibling.value++" />
<input type="button" class="left_button"
onclick="if(parseInt(this.parentNode.previousSibling.value))this.parentNode.previousSibling.value--" />
</div>
</div>
<div class="clear"></div>
</div>
3) код указанный в main.css
.goodsDataMainModificationQuantity {
font: italic 12px Verdana, Geneva, sans-serif;
width: 170px;
} /*расположение поля и шрифт надписи*/
input.text_q {
float:left;
text-align:center;
width:20px;
height:16px;
border: solid 1px #E8E8E8;
padding: 2px;
margin:2px;
font: bold 12px Verdana, Geneva, sans-serif;
color: #C00;
}
.numeric_input {
margin-top: -18px;
margin-left: 100px;
}
.numeric_input div {
float:left;
width:20px;
}
.right_button,.left_button{
height:10px;
width:10px;
background-color:#fff;
background-repeat:no-repeat;
background-position:center;
}
.right_button {
background-image:url({ASSETS_IMAGES_PATH}bg_up.png);
}
.left_button {
background-image:url({ASSETS_IMAGES_PATH}bg_down.png);
margin-left: -53px;
margin-top: 10px;
}
}
в корзине эти кнопки обе есть, просто одна почему-то невидимая, если там потыкаете по пустому месту то можно ее найти и увеличить кол-во товара, но стоят они коряво ваще блин...подмогните пожалуйста сделать все видимым и стоящим как нужно.
#9
Отправлено 18 Март 2013 - 07:23
Ирина Викторовна (18 Март 2013 - 00:36) писал:
<script language="JavaScript">
function addone(i, $this) {
ta1=$($this).closest('.numeric_input').find('input.text_q').get(0);
ta1.value=parseInt(ta1.value)+i;
if (parseInt(ta1.value) <= 1) { ta1.value=1; }
$('.right_button').closest('form').submit();
}
2) код который указан в категории Товар
<!-- Добавление в корзину -->
<div class="goodsDataMainModificationQuantity">
<label for="quantity_wanted">Количество :</label>
<div class="numeric_input">
<input type="text" class="text_q" name="form[goods_mod_quantity]" id="quantity_wanted" value="1" title="Количество" maxlength="12"
onkeydown="this.blur()"/><div style="margin-top: -3px;">
<input type="button" class="right_button"
onclick="this.parentNode.previousSibling.value++" />
<input type="button" class="left_button"
onclick="if(parseInt(this.parentNode.previousSibling.value))this.parentNode.previousSibling.value--" />
</div>
</div>
<div class="clear"></div>
</div>
3) код указанный в main.css
.goodsDataMainModificationQuantity {
font: italic 12px Verdana, Geneva, sans-serif;
width: 170px;
} /*расположение поля и шрифт надписи*/
input.text_q {
float:left;
text-align:center;
width:20px;
height:16px;
border: solid 1px #E8E8E8;
padding: 2px;
margin:2px;
font: bold 12px Verdana, Geneva, sans-serif;
color: #C00;
}
.numeric_input {
margin-top: -18px;
margin-left: 100px;
}
.numeric_input div {
float:left;
width:20px;
}
.right_button,.left_button{
height:10px;
width:10px;
background-color:#fff;
background-repeat:no-repeat;
background-position:center;
}
.right_button {
background-image:url({ASSETS_IMAGES_PATH}bg_up.png);
}
.left_button {
background-image:url({ASSETS_IMAGES_PATH}bg_down.png);
margin-left: -53px;
margin-top: 10px;
}
}
в корзине эти кнопки обе есть, просто одна почему-то невидимая, если там потыкаете по пустому месту то можно ее найти и увеличить кол-во товара, но стоят они коряво ваще блин...подмогните пожалуйста сделать все видимым и стоящим как нужно.
В шаблоне Корзина у вас ошибка в прописании класса right_button
#10
Отправлено 18 Март 2013 - 12:30
а проблема так и не решилась
#12
Отправлено 18 Март 2013 - 14:15
<script language="JavaScript">
function addone(i, $this) {
ta1=$($this).closest('.numeric_input').find('input.text_q').get(0);
ta1.value=parseInt(ta1.value)+i;
if (parseInt(ta1.value) <= 1) { ta1.value=1; }
$('.right_button').closest('form').submit();
}
</script>
<!-- Статический заголовок странички -->
<div class="headline" style="background:none;">
<div class="h1static clear"><h1 class="fnt18n">Корзина</h1></div>
</div>
<!-- Статический заголовок странички-Конец -->
<!-- Корзина -->
<form action="{CART_URL}" method="post">
<div class="history paddlr">
{% IF FORM_NOTICE %}
<div class="infoblock fnt12b txtalgnlft" style="margin-bottom:10px;">
{FORM_NOTICE | nl2br}
</div>
{% ENDIF %}
{% IF cart_items_empty %}
<div class="infoblock fnt14b txtalgnlft" style="margin-bottom:10px;">
Ваша корзина пуста<br />
Предлагаем выбрать нужный Вам товар из <a href="{CATALOG_URL}">каталога</a>.
</div>
{% ELSE %}
<input type="hidden" name="hash" value="{HASH}" />
<div class="padd">
<table cellpadding="0" width="100%" cellspacing="0" class="fnt11n txtalgncnt">
<tr class="title fnt11b">
<td class="first">Наименование</td><td width="10%">Кол-во</td><td width="15%">Цена</td><td width="15%">Общая сумма</td><td class="last" width="9%">Удалить</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"><div class="numeric_input" style="position:relative ; height: 25px; margin: 0;">
<input style="margin-right: 3px; text-align: center; width: 20px;" type="text" class="text_q" name="form[quantity][{cart_items.GOODS_MOD_ID}]" value="{cart_items.ORDER_LINE_QUANTITY}" id="quantity_wanted" title="Количество" maxlength="12" onkeydown="this.blur()">
<div style="padding-right: 5px;">
<input style="background-color: transparent; width: 10px;" type="button" class"right_button" onclick="addone(1, this)">
<input style="background-color: transparent; width: 10px;" type="button" class="left_button" onclick="addone(-1, this)">
</div>
</div>
</td>
<td class="fnt12b">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</td>
<td class="fnt12b">{cart_items.ORDER_LINE_PRICE_NOW | money_format}</td>
<td class="last" ><a href="{cart_items.ORDER_LINE_DELETE_URL}" class="delete" onclick="return confirm('Вы действительно хотите удалить {cart_items.GOODS_NAME} из корзины?')" ></a></td>
</tr>
{% ENDFOR %}
</table>
</div>
<div class="cartbottom padd">
<div class="left" ><a href="{CART_TRUNCATE_URL}" class="whtgreen" onclick="return confirm('Вы действительно хотите удалить все товары из корзины?')">Очистить корзину</a> <button class="whtgreen fnt12n" type="submit" >Пересчитать</button></div>
<div class="cartbottom padd" style="margin:15px 0 0 0;">
<div class="right">
<div class="boxmoney">
<div class="main fnt18n txtalgncnt">Итого: <em><i>{% FOR cart_sum %}{cart_sum.NOW | money_format}{% ENDFOR %}</i></em></div>
</div>
</div>
</div>
<div class="right"><button class="whtblue" color="green" type="submit" name="next_step">Оформить заказ</button></div>
</div>
{% ENDIF %}
</div>
</form>
<!-- Корзина-Конец -->
#13
Отправлено 18 Март 2013 - 14:38
Ирина Викторовна (18 Март 2013 - 14:15) писал:
<script language="JavaScript">
function addone(i, $this) {
ta1=$($this).closest('.numeric_input').find('input.text_q').get(0);
ta1.value=parseInt(ta1.value)+i;
if (parseInt(ta1.value) <= 1) { ta1.value=1; }
$('.right_button').closest('form').submit();
}
</script>
<!-- Статический заголовок странички -->
<div class="headline" style="background:none;">
<div class="h1static clear"><h1 class="fnt18n">Корзина</h1></div>
</div>
<!-- Статический заголовок странички-Конец -->
<!-- Корзина -->
<form action="{CART_URL}" method="post">
<div class="history paddlr">
{% IF FORM_NOTICE %}
<div class="infoblock fnt12b txtalgnlft" style="margin-bottom:10px;">
{FORM_NOTICE | nl2br}
</div>
{% ENDIF %}
{% IF cart_items_empty %}
<div class="infoblock fnt14b txtalgnlft" style="margin-bottom:10px;">
Ваша корзина пуста<br />
Предлагаем выбрать нужный Вам товар из <a href="{CATALOG_URL}">каталога</a>.
</div>
{% ELSE %}
<input type="hidden" name="hash" value="{HASH}" />
<div class="padd">
<table cellpadding="0" width="100%" cellspacing="0" class="fnt11n txtalgncnt">
<tr class="title fnt11b">
<td class="first">Наименование</td><td width="10%">Кол-во</td><td width="15%">Цена</td><td width="15%">Общая сумма</td><td class="last" width="9%">Удалить</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"><div class="numeric_input" style="position:relative ; height: 25px; margin: 0;">
<input style="margin-right: 3px; text-align: center; width: 20px;" type="text" class="text_q" name="form[quantity][{cart_items.GOODS_MOD_ID}]" value="{cart_items.ORDER_LINE_QUANTITY}" id="quantity_wanted" title="Количество" maxlength="12" onkeydown="this.blur()">
<div style="padding-right: 5px;">
<input style="background-color: transparent; width: 10px;" type="button" class"right_button" onclick="addone(1, this)">
<input style="background-color: transparent; width: 10px;" type="button" class="left_button" onclick="addone(-1, this)">
</div>
</div>
</td>
<td class="fnt12b">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</td>
<td class="fnt12b">{cart_items.ORDER_LINE_PRICE_NOW | money_format}</td>
<td class="last" ><a href="{cart_items.ORDER_LINE_DELETE_URL}" class="delete" onclick="return confirm('Вы действительно хотите удалить {cart_items.GOODS_NAME} из корзины?')" ></a></td>
</tr>
{% ENDFOR %}
</table>
</div>
<div class="cartbottom padd">
<div class="left" ><a href="{CART_TRUNCATE_URL}" class="whtgreen" onclick="return confirm('Вы действительно хотите удалить все товары из корзины?')">Очистить корзину</a> <button class="whtgreen fnt12n" type="submit" >Пересчитать</button></div>
<div class="cartbottom padd" style="margin:15px 0 0 0;">
<div class="right">
<div class="boxmoney">
<div class="main fnt18n txtalgncnt">Итого: <em><i>{% FOR cart_sum %}{cart_sum.NOW | money_format}{% ENDFOR %}</i></em></div>
</div>
</div>
</div>
<div class="right"><button class="whtblue" color="green" type="submit" name="next_step">Оформить заказ</button></div>
</div>
{% ENDIF %}
</div>
</form>
<!-- Корзина-Конец -->
<input style="background-color: transparent; width: 10px;" type="button" class"right_button" onclick="addone(1, this)"> <input style="background-color: transparent; width: 10px;" type="button" class="left_button" onclick="addone(-1, this)">и замените на:
<input style="background-color: transparent; width: 10px;" type="button" class="right_button" onclick="addone(1, this)"> <input style="background-color: transparent; width: 10px;" type="button" class="left_button" onclick="addone(-1, this)">
#14
Отправлено 18 Март 2013 - 16:06
#15
Отправлено 18 Март 2013 - 16:48
Ирина Викторовна (18 Март 2013 - 16:06) писал:
Панель администратора, "Сайт"->"Редактор тем".
В файле "main.csstemplate".
Найти код:
.numeric_input div { float:left; width:20px; }Заменить:
.numeric_input div { float:left; width:20px; position: relative; top: -27px; left: 12px; }
Найти код:
.left_button { background-image:url(http://design.hipball.ru/bg_down.png); margin-left: -53px; margin-top: 10px; }Заменить:
.left_button { background-image:url(http://design.hipball.ru/bg_down.png); margin-left: -71px; margin-top: 10px; }
#16
Отправлено 18 Март 2013 - 17:15
что нужно делать left_button 1 и left_button 2 чтоб они нормально были расположены??
#17
Отправлено 19 Март 2013 - 07:44
.goodsDataForm .numeric_input div { top: 0 !important; }
#18
Отправлено 19 Март 2013 - 10:14
#19
Отправлено 19 Март 2013 - 10:24
Ирина Викторовна (19 Март 2013 - 10:14) писал:
Попробуйте воспользоваться этим сообщением - http://forum.storela...und/#entry52954
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных