A bit of help with tpl_pi_qty_input.php
Posted: Sun Jul 02, 2023 8:45 am
I am adjusting the layout of the product page and have it set as per the attached image.
The quantity input box was narrower than the stock level box so I want to make it the same height so it all lines up in the row. I have added btn_lg to the two end buttons, but how do I make the input box in the middle higher so it is the same height as the buttons on the ends?
The quantity input box was narrower than the stock level box so I want to make it the same height so it all lines up in the row. I have added btn_lg to the two end buttons, but how do I make the input box in the middle higher so it is the same height as the buttons on the ends?
Code: Select all
<div class="input-group">
<div class="input-group-prepend">
<?php
if (PI_QTY_INPUT_BUTTONS == 'True') {
?>
<button class="btn btn-info btn-lg spinner" type="button" data-spin="minus">
<i class="fa fa-minus"></i>
</button>
<?php
} else {
?>
<div class="input-group-text"><?= PI_QTY_INPUT_BUTTON_TEXT ?></div>
<?php
}
?>
</div>
<?php
echo (new Input('qty', ['min' => '1', 'class' => 'form-control form-control', 'id' => 'pi-qty-input'], 'number'))->default_value('1');
if (PI_QTY_INPUT_BUTTONS == 'True') {
?>
<div class="input-group-append">
<button class="btn btn-info btn-lg spinner" type="button" data-spin="plus">
<i class="fa fa-plus"></i>
</button>
</div>
<?php
}
?>
</div>