Page 1 of 1

template vraag:

Posted: Sun Mar 05, 2017 2:46 am
by burley
hallo allemaal,

Ben bezig met een nieuwe shop en wil graag nog een paar kleine wijzigingen in de productpagina template maken.
Het gaat om het horizontaal uitlijnen van de bestelknop, de wishlist en de compare list button.

Krijg het simpelweg niet voor elkaar, style="display: inline-block" heeft niet het gewenste effect.

Heeft een van jullie de oplossing?

Code: Select all

<div class="form-group" style="display:inline-block;">
              <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 class="btn-group1">
            <button type="button" data-toggle="tooltip" class="btn btn-default" title="<?php echo $button_wishlist; ?>" onclick="wishlist.add('<?php echo $product_id; ?>');"><i class="fa fa-heart"></i></button>
            <button type="button" data-toggle="tooltip" class="btn btn-default" title="<?php echo $button_compare; ?>" onclick="compare.add('<?php echo $product_id; ?>');"><i class="fa fa-exchange"></i></button>
          </div>
            </div>

Re: template vraag:

Posted: Mon Mar 06, 2017 11:08 pm
by Gerrit
In 2.3 is dit standaard uitgelijnd. Misschien moet je de knoppen in een groep zetten.

Code: Select all

<div class="button-group">
              <button type="button" onclick="cart.add('<?php echo $product['product_id']; ?>', '<?php echo $product['minimum']; ?>');"><span class="hidden-xs hidden-sm hidden-md"><?php echo $button_cart; ?></span> <i class="fa fa-shopping-cart"></i></button>
              <button type="button" data-toggle="tooltip" title="<?php echo $button_wishlist; ?>" onclick="wishlist.add('<?php echo $product['product_id']; ?>');"><i class="fa fa-heart"></i></button>
              <button type="button" data-toggle="tooltip" title="<?php echo $button_compare; ?>" onclick="compare.add('<?php echo $product['product_id']; ?>');"><i class="fa fa-exchange"></i></button>
            </div>
En dan met de CSS in een lijn zetten. zie stylesheet.