Tips and Tricks HQ Support Portal › Forums › WP eStore Forum › WP eStore Tweaks › How to wrap purchase link around image
- This topic has 9 replies, 3 voices, and was last updated 14 years, 7 months ago by Ivy.
-
AuthorPosts
-
March 27, 2010 at 2:08 am #983GraphicBassMember
I’ve built my current “buy now” button as an image contained by a table, which currently works with an anchor link to eJunkie.com, which I’m giving up in favor of WP eStore. How can I wrap this with a link that works with WP eStore?
I would need something like this:
[deleted link]
which is then contained in a table cell.
Thanks!
gary
March 27, 2010 at 3:44 am #19158amin007ParticipantA bit more explanation would help me understand what you are after.
Are you trying to link an image to a page that has the “Buy Now” button?
A link to your web page would be helpful too.
March 27, 2010 at 3:00 pm #19159GraphicBassMemberThanks for your response.
No Wonder you’re confused. The example code was truncated…
Here’s a link, which should show what I want to accomplish. The link is “live”: it routes through ejunkie.com to Paypal. Obviously, I want it to go through eStore to Paypal and trigger all the wonderful things the plugin can do.
http://youremployeehandbook.com/news/employee-handbook-for-contractors/
The link is at the bottom of the page.
Two images links are contained a table, as well as a non-clickable graphic. Clicking on one image purchases one version of the product; the other image purchases a second version.
I may have found an explanation of how to do this at:
How to Use a Simple PayPal Payment Button to Accept Membership Payment
which I’ll investigate today,
March 28, 2010 at 5:26 am #19160amin007ParticipantI see what you want to do now… Basically you just need to use two different “Buy Now” buttons for two different products but use the images as the “Button Image” for the buttons.
So, follow this page to learn how to create and put a “Buy Now” button:
How to Use Buy Now buttons Using the WordPress eStore Shopping Cart Plugin
Just make sure you choose those images as the button image (Enter the URL of that image in the “Button Image URL” field.
Let me know how you go.
March 28, 2010 at 7:58 pm #19161GraphicBassMemberThanks for the replay.
I’ve checked the referenced page, and added the image to the “Add/Edit Product > Additional Product Details > Button Image URL” section. Then placed the shortcode “[wp_estore_buy_now:product_id:1:end]” in the table cell that is to contain the specified image and link,
Here’s the code:
======
<div style=”margin-left: auto; margin-right: auto; width: 75%;”>
<table border=”0″ cellspacing=”0″ cellpadding=”0″ width=”478″>
<tbody>
<tr>
<td>[wp_estore_buy_now:product_id:1:end]</td>
<td rowspan=”2″><img src=”http://youremployeehandbook.com/images/common/order-badge.jpg” border=”0″ alt=”” width=”327″ height=”150″ /></td>
<td><img src=”http://youremployeehandbook.com/images/common/spacer.gif” border=”0″ alt=”” width=”1″ height=”91″ /></td>
</tr>
<tr>
<td><img src=”http://youremployeehandbook.com/images/common/order-complete-bundle.jpg” border=”0″ alt=”” width=”151″ height=”59″ /></td>
<td><img src=”http://youremployeehandbook.com/images/common/spacer.gif” border=”0″ alt=”” width=”1″ height=”59″ /></td>
</tr>
</tbody></table>
</div>
======
And here is the result:
http://youremployeehandbook.com/news/contractor-testorder/
As you can see, the shortcode itself is showing. I recall seeing something in comments or the forum about shortcodes showing but not executing, but don’t recall seeing the solution.
Perhaps I’m not understanding where to place the shortcode?
Please advise… thanks!
gary
March 29, 2010 at 2:32 am #19162amin007ParticipantHere are a few reasons when the shortcode gets displayed instead of the button:
1) The WP eStore plugin is not active.
2) The shortcode is placed inside a shortcode of another plugin which didn’t implement the shortcode using WordPress’s proper shortcode API.
3) The shortcode wasn’t placed in a WordPress post or page (WordPress shortcodes do not work in your theme file or a stand alone HTML page).
Do you think any of the above is happening in your case?
March 29, 2010 at 3:03 am #19163GraphicBassMemberHi, thanks for the reply.
1. WP eStory plugin is active (I can get to admin area, etc.)
2. Shortcodes are working to protect sections of a page, showing sections granted access to a test login properly, and not showing sections not granted access.
3. Shortcodes are placed in a WP page (see #2).
The “buy_now” shortcode is not working, nor is the shopping cart button with this code:
[wp_estore:product_id:1:end]
<!–show-wp-cart-for-digital-products–>
FWIW: I can send you test login info so you can see the results of the properly protected sections of a page (very cool feature, BTW).
gary
March 29, 2010 at 3:48 am #19164IvyMemberHi Gary, I think the problem many be the “s” in eStore. This “s” should be “S”.
The shortcode should look like this.
[wp_eStore:product_id:1:end]
Where are you using the “<!–show-wp-cart-for-digital-products–>” short code is this on a page or a sidebar?
Cheers,
Ivy
March 29, 2010 at 3:57 am #19165GraphicBassMemberHi Ivy,
That did the trick. Works perfectly now! Thanks! Just goes to show you that it’s always the little things that trip you up.
The “show-cart” was just a test to see if it would work when “buy_now” did not. Both worked on a page; haven’t tried it on a post. My products are one-shot sales at the moment, with no need for a cart (right now).
Again, thank you very much. Now I can complete the transition to WP eStore.
gary
March 29, 2010 at 4:09 am #19166IvyMemberI am glad this is working now. Please let us know if you need anything else.
Cheers,
Ivy
-
AuthorPosts
- You must be logged in to reply to this topic.