Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • October 21, 2016 at 10:36 am #702276
    combra

    Hey,

    I want to add trusted shop logo + some text on cart, maybe below table of “Summe” and before button “Weiter zur Kasse” or beside the table.

    Can you give me some love? :)

    Best regards
    Alex

    October 24, 2016 at 7:32 am #703141
    Ismael

    Hey combra,

    Thank you for using Enfold.

    Please use the “woocommerce_after_cart” hook, add the code in the functions.php file. Example: 

    // define the woocommerce_after_cart callback
function ava_woocommerce_after_cart_mod(  ) {
    echo "<div class='after_cart'>CONTENT HERE</div>";
};

// add the action
add_action( 'woocommerce_after_cart', 'ava_woocommerce_after_cart_mod', 100, 0 );

    Best regards,
    Ismael

    October 24, 2016 at 11:39 am #703203
    combra

    Hey, thank you, it worked.

    Maybe u can tell me how to get it on the right side, see screenshot.

    • This reply was modified 8 years, 1 month ago by combra.
    October 25, 2016 at 7:07 am #703597
    Rikard

    Hi,

    Please try the following in Quick CSS under Enfold–>General Styling:

    .cart-collaterals, .after_cart {
    display:inline !important;
}

.after_cart {
    padding-left: 100px;
}

    Best regards,
    Rikard

    October 25, 2016 at 8:42 am #703648
    combra

    well done, ty.

    October 25, 2016 at 11:50 am #703724
    Rikard

    Hi,

    Glad we could help :-)

    Please let us know if you should need any further help on the topic.

    Best regards,
    Rikard

    November 24, 2016 at 5:04 pm #716502
    combra

    Hey again, i still have some styling problem. I added a span, better to control for me.

    function ava_woocommerce_after_cart_mod(  ) {
	echo '<div class="after_cart"><span class="waren"><h2>Bequem und sicher bestellen</h2><img src="https://xxx" alt="haken icon"/><strong>Sicherheit:</strong> Sowohl Ihre Zahlung als auch Ihr Paket sind versichert.<br /><img src="https://xxxx" alt="haken icon"/><strong>Kundenservice:</strong> Ihre Anfragen werden schnell und persönlich von unseren Experten beantwortet.<br /><img src="https://xxx" alt="haken icon"/><strong>Lieferung:</strong> Unsere Lagerartikel erhalten Sie bereits am nächsten Werktag.</span></div>';
};

add_action ('woocommerce_after_cart', 'ava_woocommerce_after_cart_mod', 100, 0 );
    .cart-collaterals, .after_cart {
    display:inline !important;
}
span.waren img {
    top: 5px;
    position: relative;
    padding-left: 50px;
}

span.waren h2 {
 font-size: 14px;
text-align: left;
float: none;
}

    If u watch this now @ website, the second line of each element breaks. Why this dosent accept the padding left?

    November 24, 2016 at 5:15 pm #716513
    Yigit

    Hey!

    Please remove following code 

    .cart-collaterals, .after_cart {
    display: inline !important;
}

    and add following instead

    .cart-collaterals .cart_totals {
    width: 95%;
}

.cart-collaterals {
    width: 50%;
    float: left;
}

    Regards,
    Yigit

    November 24, 2016 at 5:30 pm #716520
    combra

    Hey Yigit,

    thanks you, it looks nice now. Just one more thing, if possible. I want to indent text if there is a second line. I marked it yellow on the screenshot.

    Screen

    November 28, 2016 at 3:29 pm #717807
    Andy

    Hi,

    that won’t be easily possible. Maybe you could ask WooCommerce support about it.

    Best regards,
    Andy

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.