Перейти к содержимому


Неверное Расположение Кнопок


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 18

#1 Ирина Викторовна

Ирина Викторовна

    Пользователь

  • Пользователи
  • PipPip
  • 46 сообщений

Отправлено 16 Март 2013 - 17:41

Ребята, подскажите как сделать чтобы кнопки < , > кол-во товара располагались верно и в Карточке товара и при Оформлении товара, заранее спасибо!

#2 support 2.0

support 2.0

    Активный участник

  • Модераторы
  • 4 950 сообщений

Отправлено 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 Ирина Викторовна

Ирина Викторовна

    Пользователь

  • Пользователи
  • PipPip
  • 46 сообщений

Отправлено 16 Март 2013 - 21:17

Это шутка такая? один код на идентичный менять?

#4 Ирина Викторовна

Ирина Викторовна

    Пользователь

  • Пользователи
  • PipPip
  • 46 сообщений

Отправлено 16 Март 2013 - 21:23

Прошу прощения support 2.0, не поняла сначала! На вкладке товара все стало отлично, на вкладке оформления товара пока что еще не все так же отлично...

#5 Ирина Викторовна

Ирина Викторовна

    Пользователь

  • Пользователи
  • PipPip
  • 46 сообщений

Отправлено 16 Март 2013 - 23:45

Мастера, гляньте своим опытным взглядом, есть корзина и есть карточка товара, поля в которых указано выбранное кол-во товара,  в них используются одинаковые переменные text_q, стиль соответственно для них должен быть одинаков, а на деле нет. Мне кажется что стрелки отображаются в первом случае корректно, потому что width поля 20px , в оформлении товара она больше и как ее поменять и почему они вообще разные не пойму! ..в общем если хоть кто-то меня поймет и подскажет очень буду благодарна!

#6 Ирина Викторовна

Ирина Викторовна

    Пользователь

  • Пользователи
  • PipPip
  • 46 сообщений

Отправлено 17 Март 2013 - 17:55

Вопрос так и не решен...

#7 mikola

mikola

    Good soo good

  • Модератоpы
  • 1 550 сообщений
  • Городгород Нижний Новгород

Отправлено 17 Март 2013 - 20:38

Просмотр сообщенияИрина Викторовна (17 Март 2013 - 17:55) писал:

Вопрос так и не решен...
в коде допущена ошибка не указана вторая стрелка..,
или прикрепите код кнопок левой стрелки и правой

#8 Ирина Викторовна

Ирина Викторовна

    Пользователь

  • Пользователи
  • PipPip
  • 46 сообщений

Отправлено 18 Март 2013 - 00:36

1) Код который указан в корзине
    <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 miyako

miyako

    Активный участник

  • Модератоpы
  • 5 372 сообщений

Отправлено 18 Март 2013 - 07:23

Просмотр сообщенияИрина Викторовна (18 Март 2013 - 00:36) писал:

1) Код который указан в корзине
<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 Ирина Викторовна

Ирина Викторовна

    Пользователь

  • Пользователи
  • PipPip
  • 46 сообщений

Отправлено 18 Март 2013 - 12:30

это как в ералаше: дяденька, я знаю что у вас сломалось..машина...я догадывалась что проблема в коде, думала вы можете помочь ее решить ...
а проблема так и не решилась

#11 miyako

miyako

    Активный участник

  • Модератоpы
  • 5 372 сообщений

Отправлено 18 Март 2013 - 14:07

Просмотр сообщенияИрина Викторовна (18 Март 2013 - 12:30) писал:

это как в ералаше: дяденька, я знаю что у вас сломалось..машина...я догадывалась что проблема в коде, думала вы можете помочь ее решить ...
а проблема так и не решилась
Пришлите шаблон Корзина

#12 Ирина Викторовна

Ирина Викторовна

    Пользователь

  • Пользователи
  • PipPip
  • 46 сообщений

Отправлено 18 Март 2013 - 14:15

Вот, Miyako


<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 %}&raquo; <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">Итого:&nbsp;<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 miyako

miyako

    Активный участник

  • Модератоpы
  • 5 372 сообщений

Отправлено 18 Март 2013 - 14:38

Просмотр сообщенияИрина Викторовна (18 Март 2013 - 14:15) писал:

Вот, Miyako


<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 %}&raquo; <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">Итого:&nbsp;<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 Ирина Викторовна

Ирина Викторовна

    Пользователь

  • Пользователи
  • PipPip
  • 46 сообщений

Отправлено 18 Март 2013 - 16:06

стрелочки , они сейчас видны обе, но как сделать что бы относительно окошка с кол-вом они стояли как надо , слева и справа от окошка??

#15 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 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 Ирина Викторовна

Ирина Викторовна

    Пользователь

  • Пользователи
  • PipPip
  • 46 сообщений

Отправлено 18 Март 2013 - 17:15

Koderhan, скажите, эти стрелочки в карточке товара и в корзине взаимосвязаны, может их как-то разделить, потому что поправляешь стрелки в корзине они уезжают в карточке товара, и наоборот!!! Как сделать их нормальными и там и там???

что нужно делать left_button 1 и left_button 2 чтоб они нормально были расположены??

#17 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 19 Март 2013 - 07:44

Добавьте в ваш файл стилей main.css

.goodsDataForm .numeric_input div {
  top: 0 !important;
}


#18 Ирина Викторовна

Ирина Викторовна

    Пользователь

  • Пользователи
  • PipPip
  • 46 сообщений

Отправлено 19 Март 2013 - 10:14

ДОБАВИЛА ВСЕ ЧТО СОВЕТОВАЛИ И НИЧЕГО, СТРЕЛКИ ПЛЯШУТ, НЕ ТАМ ДАК ТУТ (ТО В КОРЗИНЕ ТО НА КАРТОЧКЕ ТОВАРА).......

#19 miyako

miyako

    Активный участник

  • Модератоpы
  • 5 372 сообщений

Отправлено 19 Март 2013 - 10:24

Просмотр сообщенияИрина Викторовна (19 Март 2013 - 10:14) писал:

ДОБАВИЛА ВСЕ ЧТО СОВЕТОВАЛИ И НИЧЕГО, СТРЕЛКИ ПЛЯШУТ, НЕ ТАМ ДАК ТУТ (ТО В КОРЗИНЕ ТО НА КАРТОЧКЕ ТОВАРА).......

Попробуйте воспользоваться этим сообщением - http://forum.storela...und/#entry52954




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных