Post by burley » Sun Mar 05, 2017 2:46 am

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>

User avatar
Active Member

Posts

Joined
Sun Oct 09, 2011 3:30 pm

Post by Gerrit » Mon Mar 06, 2017 11:08 pm

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.

For modelcars cars see my OC 3.0.2.0 shop: http://www.gbcars.nl/
For Wooden Toys see my 2.3.0.2 shop: https://www.dehoutentreinenwinkel.nl/


User avatar
Active Member

Posts

Joined
Fri Nov 27, 2009 9:06 pm
Who is online

Users browsing this forum: No registered users and 48 guests