Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
  • Sign Up

Recommended Posts

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

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

 

Screenshot_14.png.da861e0b8c42c13a3bcdde0a699cfd48.png

 

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

 

1791801842_Screenshot_8-.png.7a16d87f34b812eb8aa76d686d119536.png

 

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

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

 

Edited by susha
Link to post
Share on other sites

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
Link to post
Share on other sites

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

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

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

Link to post
Share on other sites

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

  • +1 1
Link to post
Share on other sites

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

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

Screenshot_18.png.f6a95ea15a9939ffb1c008f99197703e.png

 

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

Edited by susha
Link to post
Share on other sites

Только что, nikifalex сказал:

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

 

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

Screenshot_22.thumb.png.860fad9a3207abba6387db2574e6ea66.png

Link to post
Share on other sites

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

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

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

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

  • +1 1
Link to post
Share on other sites

18 минут назад, Pascha сказал:

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

 

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

Edited by susha
Link to post
Share on other sites

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

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
Link to post
Share on other sites

Только что, Pascha сказал:

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

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

 

Сделал.

Link to post
Share on other sites

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

Сделал.

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

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

Link to post
Share on other sites

Только что, Pascha сказал:

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

 

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

 

Screenshot_24.png.3a9a492417984c12b9542a8f7e6225ca.png

Edited by susha
Link to post
Share on other sites

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

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

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

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

 

Link to post
Share on other sites

Только что, Pascha сказал:

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


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

 

 

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

Link to post
Share on other sites

В 10.07.2018 в 23:26, Pascha сказал:

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


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

 

 

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

Сейчас так:

Screenshot_29.png.f2d3ba98f6b4ffd3f8acfad5f1370991.png

 

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

 

Screenshot_26.png.897c3f77c015d55ff60f28d801349868.png

 

Link to post
Share on other sites

дайте ссылку

Link to post
Share on other sites

12 часов назад, NDemidov сказал:

дайте ссылку

 

Edited by susha
Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.