Alexidi76

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

Рекомендуемые сообщения

Alexidi76    0

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

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

ob2b0ulzcs5z.png

Вот код который вставлен в 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" />

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

zyf4f048e9b2.png

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Alexidi76    0

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

#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    0

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
shalan    40

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    2 091
Alexidi76    0

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Alexidi76    0

Помогло только прописывание стиля прямо в элементе. Спасибо 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    1 019
Class не хочет менять размер окошка к сожалению.

 

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

 

 

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

 

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

 

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

 

input.your_class[type=text] {

}

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Alexidi76    0

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

 

 

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

 

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

 

input.your_class[type=text] {

}

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти


  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу