Перейти к содержанию

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

Здравствуйте. Нужна помощь, в карточке товара поле количество очень длинное и для лучшего юзабилити посоветовали добавить прибавление и убавление кол-ва товара мышкой.

Как есть сейчас:

 

Screenshot_14.png.da861e0b8c42c13a3bcdde0a699cfd48.png

 

и как хотелось бы чтобы получилось:

 

1791801842_Screenshot_8-.png.7a16d87f34b812eb8aa76d686d119536.png

 

Понимаю, что править надо этот файл: catalog/view/javascript/bootstrap/css/bootstrap.min.css но как не знаю.

Помощь нужна бесплатная, за спасибо, за отзыв, платить нечем.

 

Изменено пользователем susha

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


Ссылка на сообщение
Поделиться на другие сайты
6 минут назад, susha сказал:

Понимаю, что править надо этот файл: catalog/view/javascript/bootstrap/css/bootstrap.min.css но как не знаю.

ничего подобного
править надо product.tpl 

как пример:

<div class="form-group">
              <label class="control-label" for="input-quantity"><?php echo $entry_qty; ?></label>
              <input type="text" name="quantity" value="<?php echo $minimum; ?>" size="2" id="input-quantity" class="form-control" />
              <input type="hidden" name="product_id" value="<?php echo $product_id; ?>" />
              <br />
              <button type="button" id="button-cart" data-loading-text="<?php echo $text_loading; ?>" class="btn btn-primary btn-lg btn-block"><?php echo $button_cart; ?></button>
            </div>

на
 

<div class="form-group">
		<div class="row">
			<div class="col-sm-6">
              <label class="control-label" for="input-quantity"><?php echo $entry_qty; ?></label>
              <input type="text" name="quantity" value="<?php echo $minimum; ?>" size="2" id="input-quantity" class="form-control" />
              <input type="hidden" name="product_id" value="<?php echo $product_id; ?>" />
 		 </div>
            <div class="col-sm-6">
              <button type="button" id="button-cart" data-loading-text="<?php echo $text_loading; ?>" class="btn btn-primary btn-lg btn-block"><?php echo $button_cart; ?></button>
            </div>
		 </div>
	</div>


отзывов не нужно... нахлебался я ими по уши)))
 

  • +1 1

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


Ссылка на сообщение
Поделиться на другие сайты
21 минуту назад, susha сказал:

Понимаю, что править надо этот файл: catalog/view/javascript/bootstrap/css/bootstrap.min.css

вот почему вы так считаете? Кто вам сказал? Или где вы прочитали? Ну почему вы считаете что надо править этот файл? Там что, написано "правь меня" ?

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


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

Ничего сложного там нет. Если самому не получится сделать - напишите помогу

  • +1 1

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


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

@Pascha Благодарю!

сейчас вот так:

Screenshot_18.png.f6a95ea15a9939ffb1c008f99197703e.png

 

Теперь надо как то выравнить и добавить - и + и чтобы они работали.

Изменено пользователем susha

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


Ссылка на сообщение
Поделиться на другие сайты
Только что, nikifalex сказал:

вот почему вы так считаете? Кто вам сказал? Или где вы прочитали? Ну почему вы считаете что надо править этот файл? Там что, написано "правь меня" ?

 

Так подумал отсюда:

Screenshot_22.thumb.png.860fad9a3207abba6387db2574e6ea66.png

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


Ссылка на сообщение
Поделиться на другие сайты
2 минуты назад, susha сказал:

Теперь надо как то выравнить

а вот тут уже вступают в силу стили (stylesheet.css), которые стоит прописать/подправить, потому как они писались на 100% размер блока, а теперь у Вас 2 по 50%, но это уже уникально для отдельно взятого сайта.

По картинке можно только догадываться что, где и как править, и так же разучить танец под бубен, но для сайтостроения - это не проканает

  • +1 1

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


Ссылка на сообщение
Поделиться на другие сайты
18 минут назад, Pascha сказал:

По картинке можно только догадываться что, где и как править, и так же разучить танец под бубен, но для сайтостроения - это не проканает 

 

Вот он: сайт.ру

Изменено пользователем susha

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


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

дык если Вам требуется 

31 минуту назад, susha сказал:

добавить - и + и чтобы они работали.

то наверное для начала сходить хотя бы сюда
а вот когда с функционалом будет покончено, тогда уже можно браться и за верстку (смысл верстать то, что через 5 минут снова превратится в кашу?)
хотя примерную реализацию стилей для понимания "как" могу дать, это не сложно
 

#product input[type="text"].form-control {
	height: 40px;
	text-align: center
}
#product .btn-primary{
	height: 40px;
	padding: 0;
	margin-top: 25px
}

десктоп и мобила
 

111.png

222.png

  • +1 1

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


Ссылка на сообщение
Поделиться на другие сайты
Только что, Pascha сказал:

дык если Вам требуется 

то наверное для начала сходить хотя бы сюда
а вот когда с функционалом будет покончено, тогда уже можно браться и за верстку (смысл верстать то, что через 5 минут снова превратится в кашу?)

 

Сделал.

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


Ссылка на сообщение
Поделиться на другие сайты
4 минуты назад, susha сказал:

Сделал.

все остальное выше по тексту

p.s. И хватит тыкать в плюсы... я тут пишу не для этого

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


Ссылка на сообщение
Поделиться на другие сайты
Только что, Pascha сказал:

все остальное выше по тексту

 

Осталось подогнать поле под общий размер

 

Screenshot_24.png.3a9a492417984c12b9542a8f7e6225ca.png

Изменено пользователем susha

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


Ссылка на сообщение
Поделиться на другие сайты
18 минут назад, susha сказал:

Осталось подогнать поле под общий размер

и это сложно? хм...
 

#product .form-group #input-quantity {height: 38px}

 

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


Ссылка на сообщение
Поделиться на другие сайты
Только что, Pascha сказал:

и это сложно? хм...
 


#product .form-group #input-quantity {height: 38px}

 

 

Благодарю Вас за помощь.

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


Ссылка на сообщение
Поделиться на другие сайты
В 10.07.2018 в 23:26, Pascha сказал:

и это сложно? хм...
 


#product .form-group #input-quantity {height: 38px}

 

 

Еще возникла трудность: как сделать поле поуже и в одну строку с "кол-во:"?

Сейчас так:

Screenshot_29.png.f2d3ba98f6b4ffd3f8acfad5f1370991.png

 

а хотелось бы так:

 

Screenshot_26.png.897c3f77c015d55ff60f28d801349868.png

 

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


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

дайте ссылку

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


Ссылка на сообщение
Поделиться на другие сайты
12 часов назад, NDemidov сказал:

дайте ссылку

 

Изменено пользователем susha

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


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

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

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

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

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

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

Войти

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

Войти

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

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

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.