Template code for Compact Cart Display Option 2?

[selenaj85]

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.

[Ivy]

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]"); ?>

[carlyblack206]

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

[admin]

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

[carlyblack206]

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?

[admin]

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]

[carlyblack206]

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

[moutassem]

Hi,

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

[admin]

Try the following:

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

[compact-cart-shortcode-goes-here]

</div>

[jenncronje]

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.

[wpCommerce]

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

[jenncronje]

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

The little trolley is left behind on the left…

[admin]

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.

[jenncronje]

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]

[jenncronje]

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

[Author]

Posts