Tips and Tricks HQ Support

Support site for Tips and Tricks HQ premium products

  • Home
  • Contact Us
  • Documentation
  • Forum Home
    • Forum
    • Forum Search
    • Forum Login
    • Forum Registration

Template code for Compact Cart Display Option 2?

by

Tips and Tricks HQ Support Portal › Forums › WP eStore Forum › Template code for Compact Cart Display Option 2?

Tagged: Compact Cart

  • This topic has 19 replies, 7 voices, and was last updated 10 years, 1 month ago by jenncronje.
Viewing 15 posts - 1 through 15 (of 20 total)
1 2 →
  • Author
    Posts
  • July 24, 2012 at 6:30 pm #6980
    selenaj85
    Member

    Hi,

    I’m currently using the code <?php echo eStore_show_compact_cart(); ?> to display a compact version of the shopping cart on my theme. How can I make it so it shows styled like the option 2 on this page:

    WP eStore Compact Cart Display Templates

    Thanks in advance.

    July 25, 2012 at 12:06 am #47733
    Ivy
    Member

    You will need to do the following.

    1. Make sure you have the latest build of the eStore and Extra Shortcodes Plugin.

    Latest Build: https://support.tipsandtricks-hq.com/forums/topic/re-install-or-load-a-fresh-build-of-the-plugins

    Extra Shortcodes Plugin: http://www.tipsandtricks-hq.com/ecommerce/?p=460

    Then use the following shortcode:

    [wp_eStore_display_compact_cart2]

    or use the following PHP code to use it from a template file:

    <?php echo do_shortcode("[wp_eStore_display_compact_cart2]"); ?>

    September 27, 2012 at 5:32 am #47734
    carlyblack206
    Member

    Hi there, I’m trying to use the compact cart and it’s working fine, however I’d like to make a small tweak where it shows the name of the product, can you please tell me how to do this? I’ve been trying to make it work in the shortcode_include.php file but it’s not working for me :(

    any help would be appreciated thanks.

    Carly

    September 28, 2012 at 12:32 am #47735
    admin
    Keymaster

    Modify the following function in the “shortcode_include.php” file of the extra shortcodes plugin:

    eStore_display_compact_cart2()

    If you want us to do the modification for you then you will have to go through a custom job:

    https://support.tipsandtricks-hq.com/need-custom-work-done

    October 12, 2012 at 1:52 am #47736
    carlyblack206
    Member

    Thanks admin. I have found that, but I can’t find reference to be able to show the product name. is that a simple 1 line code you could send through to me please?

    October 13, 2012 at 2:18 am #47737
    admin
    Keymaster

    The compact cart doesn’t have any option to show the product name. It only shows a very limited amount of info which is why we call it the “Compact Cart”. Adding product names in there won’t be trivial.

    WP eStore has a shortcode that can be used to show a summary of the items in the cart. This shortcode might be useful to you. Use the following shortcode and see if it helps:

    [wp_eStore_order_summary]

    October 15, 2012 at 3:00 am #47738
    carlyblack206
    Member

    that code is perfect, exactly what I wanted thanks. I couldn’t find that before sorry about that.

    October 3, 2014 at 9:46 am #47739
    moutassem
    Member

    Hi,

    using the short code, how do I align the compact cart on the right?

    October 3, 2014 at 11:00 pm #47740
    admin
    Keymaster

    Try the following:

    <div style=”text-align: right;”>

    [compact-cart-shortcode-goes-here]

    </div>

    March 10, 2015 at 9:30 pm #47741
    jenncronje
    Member

    I tried adding :

    <div style=”text-align: right;”>

    [wp_eStore_display_compact_cart2]

    </div>

    but it didn’t work. Any update? Also, how can i change the colour of the text ‘view cart()’

    Thanks.

    March 10, 2015 at 11:15 pm #47742
    wpCommerce
    Moderator

    @jenncronje, Please provide a link to the page in question so I can take a look.

    March 11, 2015 at 12:06 am #47743
    jenncronje
    Member

    [http://www.jenjenscupcakery.co.uk/cupcakes/standard/]

    The little trolley is left behind on the left…

    March 11, 2015 at 12:24 am #47744
    admin
    Keymaster

    I think you are editing your template file of the theme and it is breaking the HTML code. Are you very good with HTML and CSS?

    I would recommend that you use the compact cart shortcode in the body of the page. So edit the page and make that shortcode the first line of that page.

    March 11, 2015 at 12:40 am #47745
    jenncronje
    Member

    Am I very good at HTML and CSS? No, I’m learning as I go along… I’ve added the short code to a notification/ header bar, would it conflict with the theme?

    When I tried it with 3 columns it look ok but wasn’t far right enough and the height of the column made the bar too wide…

    [col1][/col1]

    [col2][/col2]

    [col3][wp_eStore_display_compact_cart2][col3]

    March 11, 2015 at 1:05 am #47746
    jenncronje
    Member

    The image and text appear to be 2 separate items, does the cart icon need to be aligned separately?

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 20 total)
1 2 →
  • You must be logged in to reply to this topic.
Log In

Forum Related

  • Forum Home
  • Forum Search
  • Forum Registration
  • Forum Login

Support Related Forms

  • Contact Us
  • Customer Support
  • Request a Plugin Update
  • Request Fresh Download Links

Useful Links

  • Plugin Upgrade Instructions
  • WP eStore Documentation
  • WP eMember Documentation
  • WP Affiliate Platform Documentation
  • Tips and Tricks HQ Home Page
  • Our Projects

Quick Setup Video Tutorials

  • WP eStore Video Tutorial
  • WP eMember Video Tutorial
  • WP Affiliate Platform Video Tutorial
  • Lightbox Ultimate Video Tutorial

Our Other Plugins

  • WP Express Checkout
  • Stripe Payments Plugin
  • Simple Shopping Cart Plugin
  • Simple Download Monitor

Copyright © 2025 | Tips and Tricks HQ