Размер окошка выбора количества товаров

[Alexidi76]

Приветствую форумчане. Нуждаюсь в вашей помощи. Есть сайт http://peptidov.com/index.php?route=product/category&path=20

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

Вот код который вставлен в catalog.tpl:

<a>Количество:</a><input type="text" name="quantity" size="2" value="<?php echo $product['minimum']; ?>" id="quantity_<?php echo $product['product_id']; ?>"/>
<input type="hidden" name="product_id" size="2" value="<?php echo $product['product_id']; ?>" />
 
<input type="button" value="<?php echo $button_cart; ?>" onclick="addToCart('<?php echo $product['product_id']; ?>',document.getElementById('quantity_<?php echo $product['product_id']; ?>').value);" class="button" />

Как можно реализовать чтобы поле ввода количества было квадратным, а само слово "Количество" было не сверху а вровень в одной строке, как в карточке товара:

Спасибо заранее.

[Alexidi76]

Решено: в стилях прописал 

#quantity1 {
width: 30px;
}

А в category.tpl

<div>
<a>Количество:</a> <input type="text" id="quantity1" name="quantity" size="2" value="<?php echo $product['minimum']; ?>" id="quantity_<?php echo $product['product_id']; ?>"/>
<input type="hidden" name="product_id" size="2" value="<?php echo $product['product_id']; ?>" />
 
<input type="button" value="<?php echo $button_cart; ?>" onclick="addToCart('<?php echo $product['product_id']; ?>',document.getElementById('quantity_<?php echo $product['product_id']; ?>').value);" class="button" />
</div> 

Однако теперь товар не добавляется в корзину. Что не так сделано?

[Alexidi76]

Это из за того что я задал для input идентификатор  id="quantity1". Куда же его нужно еще прописать чтобы товар добавлялся в корзину?

[shalan]

id должен быть уникальным для страницы, и для одного элемента никак не может быть двух id, к тому же он используется в скрипте document.getElementById('quantity_<?php echo $product['product_id']; ?>').value);
Используй 

.myquantity
{
 width 30px;
}

<input type="text" class="myquantity" name="quantity" size="2" value="<?php echo $product['minimum']; ?>" id="quantity_<?php echo $product['product_id']; ?>"/>

[Tom]

https://opencartforum.com/topic/28366-как-сделать-выбор-количества-товара-в-категори/?do=findComment&comment=221217

[Alexidi76]

Class не хочет менять размер окошка к сожалению.

[Alexidi76]

Помогло только прописывание стиля прямо в элементе. Спасибо shalan за подсказку.

<a>Количество:</a> <input type="text" style="width:35px;" name="quantity" size="2" value="<?php echo $product['minimum']; ?>" id="quantity_<?php echo $product['product_id']; ?>"/>

[chukcha]

Class не хочет менять размер окошка к сожалению.

 

Значит - вы не умеете готовить

 

 

только прописывание стиля прямо в элементе.

 

Пагубная практика.

 

В вашем случае нужно прописывать

 

input.your_class[type=text] {

}

[Alexidi76]

Значит - вы не умеете готовить

 

 

Пагубная практика.

 

В вашем случае нужно прописывать

 

input.your_class[type=text] {

}

А чем так лучше?