eStore – order summary not showing on manual checkout page

[gvnet]

Hi,

Can you please add a product to the cart and choose the manual checkout option. For some reason the order summary is not showing?

I am using this shortcode: [wp_eStore_on_page_manual_gateway_form] on this page: [http://www.lotusnewagetrading.com.au/manual-checkout/]

The details section of the form spanned full width so I added this to see if it would allow the order summary to show:

form#payment {

max-width:450px !important;

}

The order summary does show if I use the manual checkout that is not embedded in to a page. I am using the latest version of the plugin.

Many thanks.

[admin]

We have the following shortcode in the plugin that you can use to show an order summary.

[wp_eStore_order_summary]

Simply use that shortcode on your manual checkout form page if you want to show the order summary.

[gvnet]

I did see that but was hoping to keep the formatting the same as the payment details part.

I can fix this up with CSS but I was wondering where can I access the code that generates the order.summary table? I just need to split the details on to separate rows as it is cramming them all together. Also, if I modify this part, it will be lost during an update – is that correct?

Many thanks.

[admin]

Its best to add the custom CSS in eStore’s custom CSS file (wp_eStore_custom_style.css). This way during an upgrade you can take a backup of that file and put it back after the upgrade. You can use firebug to inspect the elements and add your customized CSS in that file. This tutorial on Firebug maybe helpful:

http://www.tipsandtricks-hq.com/how-to-use-firebug-to-modify-your-wordpress-sites-css-video-tutorial-4037

[gvnet]

Thanks for the reply. Can you please add a product to the cart and choose the manual payment option and have a look at the Product Description/Order Summary data?

The Subtotal, Shipping and tax are all on one line. Is this normal?

Is there any reason the order summary is not showing on this page without using the [wp_eStore_order_summary] shortcode?

There would be no formatting or other mods required if this was showing the same way it does when the form is not embedded in to a page.

Thanks.

[wpCommerce]

Hi, that’s not exactly how the summary normally looks like. Each of the elements (Price, quantity, subtotal, shipping, tax) is supposed to be on a separate line in a table.

Have you done any custom modification to the content of the order summary?

A lot of users don’t want to show the summary on the manual checkout page. So now we have two different shortcodes. One for the checkout form and one for the summary. This suits the need of all users as you can do both (show the checkout form without the summary or with the summary).

[gvnet]

Hi @wpEcommerce,

Thanks for the reply and yes the two shortcodes is a good idea now that you mention it.

I have not altered the manual checkout form code at all which is why I was asking which file generated that layout. Do you have any suggestions on what might be causing the layout to be out like it is on this site?

Many thanks.

[admin]

There is another plugin (or maybe it is coming from your theme) which is filtering the shortcode of eStore’s order summary output. When it gets filtered by this other plugin, it is stripping some HTML tags from it and making the order summary output a little messed up. We have made a few little tweaks in the eStore’s order summary output in our recent build of the plugin. I think this change we made will help with your issue. I have sent you an updated version of the eStore plugin. Please give that a go.

[Author]

Posts