eStore – modifying [wp_estore_display_transaction_results] shortcode content

[pmirda]

Hey, just wanted to say great job on the plugin. Really love it!

I have 2 questions. First, i wanted to modify the [wp_estore_display_transaction_results] shortcode content as there is a big space after “You ordered the following item:”. I want to take the space after that statement out. Here is a screen shot of what I am talking about: [http://www.the-optimal-you.com/wp-content/uploads/2014/03/Capture.jpg]

Next, I have many error lines in my purchase history page. It has several lines stating “Error – Could not find the requested product ID in the product database!”. Here is a screen shop of this issue: [http://www.the-optimal-you.com/wp-content/uploads/2014/03/Capture2.jpg]

Any help regarding these matters would be much appreciated!

Thanks in advance for all who put the time to read my post

All the best,

Paul

[wzp]

To modify the shortcode, look for the eStore_display_transaction_result() function definition in the eStore_includes3.php file.

Is that screenshot something you personally took, or that somebody sent you?

Are there any products (by product ID) that may have been previously purchased, that are no longer in the database? This includes any “test products.”

Do you know how many items you are expecting to see in the listing?

[pmirda]

Thank you wzp. You were correct about my second question. As for the first, I am not code savvy, so I am having a difficult time removing that space in between the two line.

[wzp]

Well, the large break after “You ordered the following items:” is the result of 2 nested CSS DIV blocks before the details section, that appear in the referenced function as:

$output .= ‘<div STYLE=”word-wrap: break-word”>’;

$output .= ‘<div class=”eStore_thank_you_your_order”>’.WP_ESTORE_YOUR_ORDER.'</div>’;

$output .= $_SESSION;

$output .= ‘</div>’;

Now since, the eStore_thank_you_your_order CSS class is currently defined as NULL, you could try modifying those 4 lines of code as follows:

$output .= ‘<div STYLE=”word-wrap: break-word”>’;

$output .= WP_ESTORE_YOUR_ORDER;

$output .= $_SESSION;

$output .= ‘</div>’;

This will eliminate some of the extra space.

[admin]

You should be able to do that change via custom CSS (I would recommend you take this approach if possible):

Grab this plugin:

http://www.tipsandtricks-hq.com/wordpress-custom-css-plugin-6413

Now, add the following CSS in there (you can also try adjusting the space using margin and padding maybe):

.eStore_thank_you_your_order{

display: inline;

}

[pmirda]

I installed the plugin and added the custom CSS code, but unfortunately no luck…

[wzp]

@pmirda, what about my earlier suggestion, to “flatten” the nested DIV?

[pmirda]

Hey sorry for the late reply, but I tried what @wzp recommended but still no luck…

[wzp]

Obviously, there is another layer of CSS at work here… Could you please read through this tutorial and video, and then try to apply what you learned to the page in question?:

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

Any CSS “tweaks” that you figure out can be permanently applied, via the Custom CSS plugin.

[Author]

Posts