Tekst naar links verplaatsen

**J v Waas** · 17-01-2014, 17:30

Hallo,

Ik zou graag de tekst & velden onder de winkelwagen inhoud graag helemaal naar links willen hebben, deze info staat nu rechts van de pagina.

Ik heb van alles geprobeerd maar zodra ik iets verander dan verdwijnt de informatie (heb weinig verstand van PHP).

Iemand de mij hiermee kan helpen?

Hier is de betreffende pagina

Code van de checkout pagina:

PHP Code:


<?php/** * Shipping Methods Display * * @author         WooThemes * @package     WooCommerce/Templates * @version     2.0.0 */
global $woocommerce;// If at least one shipping method is availableif ( $available_methods ) {
    // Prepare text labels with price for each shipping method    foreach ( $available_methods as $method ) {        $method->full_label = $method->label;
        if ( $method->cost > 0 ) {            if ( $woocommerce->cart->tax_display_cart == 'excl' ) {                $method->full_label .= ': ' . woocommerce_price( $method->cost );                if ( $method->get_shipping_tax() > 0 && $woocommerce->cart->prices_include_tax ) {                    $method->full_label .= ' <small>' . $woocommerce->countries->ex_tax_or_vat() . '</small>';                }            } else {                $method->full_label .= ': ' . woocommerce_price( $method->cost + $method->get_shipping_tax() );                if ( $method->get_shipping_tax() > 0 && ! $woocommerce->cart->prices_include_tax ) {                    $method->full_label .= ' <small>' . $woocommerce->countries->inc_tax_or_vat() . '</small>';                }            }        } elseif ( $method->id !== 'free_shipping' ) {            $method->full_label .= ' (' . __( 'Free', 'woocommerce' ) . ')';        }        $method->full_label = apply_filters( 'woocommerce_cart_shipping_method_full_label', $method->full_label, $method );    }
    // Print a single available shipping method as plain text    if ( 1 === count( $available_methods ) ) {
        echo wp_kses_post( $method->full_label ) . '<input type="hidden" name="shipping_method" id="shipping_method" value="' . esc_attr( $method->id ) . '" />';
    // Show select boxes for methods    } elseif ( get_option('woocommerce_shipping_method_format') == 'select' ) {
        echo '<select name="shipping_method" id="shipping_method">';
        foreach ( $available_methods as $method )            echo '<option value="' . esc_attr( $method->id ) . '" ' . selected( $method->id, $woocommerce->session->chosen_shipping_method, false ) . '>' . wp_kses_post( $method->full_label ) . '</option>';
        echo '</select>';
    // Show radio buttons for methods    } else {
        echo '<ul id="shipping_method">';
        foreach ( $available_methods as $method )            echo '<li><input type="radio" name="shipping_method" id="shipping_method_' . sanitize_title( $method->id ) . '" value="' . esc_attr( $method->id ) . '" ' . checked( $method->id, $woocommerce->session->chosen_shipping_method, false) . ' /> <label for="shipping_method_' . sanitize_title( $method->id ) . '">' . wp_kses_post( $method->full_label ) . '</label></li>';
        echo '</ul>';    }
// No shipping methods are available} else {
    if ( ! $woocommerce->customer->get_shipping_country() || ! $woocommerce->customer->get_shipping_state() || ! $woocommerce->customer->get_shipping_postcode() ) {
        echo '<p>' . __( 'Please fill in your details to see available shipping methods.', 'woocommerce' ) . '</p>';
    } else {
        $customer_location = $woocommerce->countries->countries[ $woocommerce->customer->get_shipping_country() ];
        echo apply_filters( 'woocommerce_no_shipping_available_html',            '<p>' .            sprintf( __( 'Sorry, it seems that there are no available shipping methods for your location (%s).', 'woocommerce' ) . ' ' . __( 'If you require assistance or wish to make alternate arrangements please contact us.', 'woocommerce' ), $customer_location ) .            '</p>'        );
    }
}

**J v Waas** · 17-01-2014, 23:06

Verkeerde code geupload, onderstaande is de juiste voor de winkelwagen pagina.

PHP Code:


<?php/** * Cart Page * * @author         WooThemes * @package     WooCommerce/Templates * @version     1.6.4 */
if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly
global $woocommerce;
$woocommerce->show_messages();?>
<?php do_action( 'woocommerce_before_cart' ); ?>
<form action="<?php echo esc_url( $woocommerce->cart->get_cart_url() ); ?>" method="post">
<?php do_action( 'woocommerce_before_cart_table' ); ?>
<table class="shop_table cart" cellspacing="0">    <thead>        <tr>            <th class="product-remove">&nbsp;</th>            <th class="product-thumbnail">&nbsp;</th>            <th class="product-name"><?php _e( 'Product', 'woocommerce' ); ?></th>            <th class="product-price"><?php _e( 'Price', 'woocommerce' ); ?></th>            <th class="product-quantity"><?php _e( 'Quantity', 'woocommerce' ); ?></th>            <th class="product-subtotal"><?php _e( 'Total', 'woocommerce' ); ?></th>        </tr>    </thead>    <tbody>        <?php do_action( 'woocommerce_before_cart_contents' ); ?>
        <?php        if ( sizeof( $woocommerce->cart->get_cart() ) > 0 ) {            foreach ( $woocommerce->cart->get_cart() as $cart_item_key => $values ) {                $_product = $values['data'];                if ( $_product->exists() && $values['quantity'] > 0 ) {                    ?>                    <tr class = "<?php echo esc_attr( apply_filters('woocommerce_cart_table_item_class', 'cart_table_item', $values, $cart_item_key ) ); ?>">                        <!-- Remove from cart link -->                        <td class="product-remove">                            <?php                                echo apply_filters( 'woocommerce_cart_item_remove_link', sprintf('<a href="%s" class="remove" title="%s">&times;</a>', esc_url( $woocommerce->cart->get_remove_url( $cart_item_key ) ), __( 'Remove this item', 'woocommerce' ) ), $cart_item_key );                            ?>                        </td>
                        <!-- The thumbnail -->                        <td class="product-thumbnail">                            <?php                                $thumbnail = apply_filters( 'woocommerce_in_cart_product_thumbnail', $_product->get_image(), $values, $cart_item_key );
                                if ( ! $_product->is_visible() || ( ! empty( $_product->variation_id ) && ! $_product->parent_is_visible() ) )                                    echo $thumbnail;                                else                                    printf('<a href="%s">%s</a>', esc_url( get_permalink( apply_filters('woocommerce_in_cart_product_id', $values['product_id'] ) ) ), $thumbnail );                            ?>                        </td>
                        <!-- Product Name -->                        <td class="product-name">                            <?php                                if ( ! $_product->is_visible() || ( ! empty( $_product->variation_id ) && ! $_product->parent_is_visible() ) )                                    echo apply_filters( 'woocommerce_in_cart_product_title', $_product->get_title(), $values, $cart_item_key );                                else                                    printf('<a href="%s">%s</a>', esc_url( get_permalink( apply_filters('woocommerce_in_cart_product_id', $values['product_id'] ) ) ), apply_filters('woocommerce_in_cart_product_title', $_product->get_title(), $values, $cart_item_key ) );
                                // Meta data                                echo $woocommerce->cart->get_item_data( $values );
                                   // Backorder notification                                   if ( $_product->backorders_require_notification() && $_product->is_on_backorder( $values['quantity'] ) )                                       echo '<p class="backorder_notification">' . __( 'Available on backorder', 'woocommerce' ) . '</p>';                            ?>                        </td>
                        <!-- Product price -->                        <td class="product-price">                            <?php                                $product_price = get_option('woocommerce_tax_display_cart') == 'excl' ? $_product->get_price_excluding_tax() : $_product->get_price_including_tax();
                                echo apply_filters('woocommerce_cart_item_price_html', woocommerce_price( $product_price ), $values, $cart_item_key );                            ?>                        </td>
                        <!-- Quantity inputs -->                        <td class="product-quantity">                            <?php                                if ( $_product->is_sold_individually() ) {                                    $product_quantity = sprintf( '1 <input type="hidden" name="cart[%s][qty]" value="1" />', $cart_item_key );                                } else {
                                    $step    = apply_filters( 'woocommerce_quantity_input_step', '1', $_product );                                    $min     = apply_filters( 'woocommerce_quantity_input_min', '', $_product );                                    $max     = apply_filters( 'woocommerce_quantity_input_max', $_product->backorders_allowed() ? '' : $_product->get_stock_quantity(), $_product );
                                    $product_quantity = sprintf( '<div class="quantity"><input type="number" name="cart[%s][qty]" step="%s" min="%s" max="%s" value="%s" size="4" title="' . _x( 'Qty', 'Product quantity input tooltip', 'woocommerce' ) . '" class="input-text qty text" maxlength="12" /></div>', $cart_item_key, $step, $min, $max, esc_attr( $values['quantity'] ) );                                }
                                echo apply_filters( 'woocommerce_cart_item_quantity', $product_quantity, $cart_item_key );                            ?>                        </td>
                        <!-- Product subtotal -->                        <td class="product-subtotal">                            <?php                                echo apply_filters( 'woocommerce_cart_item_subtotal', $woocommerce->cart->get_product_subtotal( $_product, $values['quantity'] ), $values, $cart_item_key );                            ?>                        </td>                    </tr>                    <?php                }            }        }
        do_action( 'woocommerce_cart_contents' );        ?>        <tr>            <td colspan="6" class="actions">
                <?php if ( $woocommerce->cart->coupons_enabled() ) { ?>                    <div class="coupon">
                        <label for="coupon_code"><?php _e( 'Coupon', 'woocommerce' ); ?>:</label> <input name="coupon_code" class="input-text" id="coupon_code" value="" /> <input type="submit" class="button" name="apply_coupon" value="<?php _e( 'Apply Coupon', 'woocommerce' ); ?>" />
                        <?php do_action('woocommerce_cart_coupon'); ?>
                    </div>                <?php } ?>
                <input type="submit" class="button" name="update_cart" value="<?php _e( 'Update Cart', 'woocommerce' ); ?>" /> <input type="submit" class="checkout-button button alt" name="proceed" value="<?php _e( 'Proceed to Checkout &rarr;', 'woocommerce' ); ?>" />
                <?php do_action('woocommerce_proceed_to_checkout'); ?>
                <?php $woocommerce->nonce_field('cart') ?>            </td>        </tr>
        <?php do_action( 'woocommerce_after_cart_contents' ); ?>    </tbody></table>
<?php do_action( 'woocommerce_after_cart_table' ); ?>
</form>
<div class="cart-collaterals">
    <?php do_action('woocommerce_cart_collaterals'); ?>
    <?php woocommerce_cart_totals(); ?>
    <?php woocommerce_shipping_calculator(); ?>
</div>
<?php do_action( 'woocommerce_after_cart' ); ?>

**iceblock** · 18-01-2014, 11:22

Ik zal proberen te helpen, maar ben geen designer.

Maak eerste een goede backup! Bij wijzigingen kun je het beste een child-theme aanmaken, ook hebben sommige themes de optie om zelf opmaak codes toe te voegen.

Je probleem is volgens mij is dit te vinden in de css bestanden, zie in php file class="cart-collaterals". In de css bestand(en) staat waarschijnlijk iets als align="right". Al je dit wijzigt in align="left", dan zou het voor dat gedeelte moeten werken.

Een wijziging in css files kan ook voor andere pagina's gelden! Je zou dit kunnen opvangen door in de betreffende css file(s), de class te kopiëren en te plakken en dan te hernoemen in bijvoorbeeld: "cart-collaterals-left". Wijzig in de php file ook de class="cart-collaterals" in class="cart-collaterals-left".

Bekijk het resultaat.

Mocht het gedeelte boven de wijziging niet naar links verschuiven, wijzig dan de regel: <?php do_action( 'woocommerce_after_cart_table' ); ?> in:
<div align="left">
<?php do_action( 'woocommerce_after_cart_table' ); ?>
</div>

Succes

Tekst naar links verplaatsen