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

How to wrap purchase link around image

by

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 15 years, 1 month ago by Ivy.
Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • March 27, 2010 at 2:08 am #983
    GraphicBass
    Member

    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 #19158
    amin007
    Participant

    A 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 #19159
    GraphicBass
    Member

    Thanks 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 #19160
    amin007
    Participant

    I 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 #19161
    GraphicBass
    Member

    Thanks 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&#8221; border=”0″ alt=”” width=”327″ height=”150″ /></td>

    <td><img src=”http://youremployeehandbook.com/images/common/spacer.gif&#8221; border=”0″ alt=”” width=”1″ height=”91″ /></td>

    </tr>

    <tr>

    <td><img src=”http://youremployeehandbook.com/images/common/order-complete-bundle.jpg&#8221; border=”0″ alt=”” width=”151″ height=”59″ /></td>

    <td><img src=”http://youremployeehandbook.com/images/common/spacer.gif&#8221; 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 #19162
    amin007
    Participant

    Here 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 #19163
    GraphicBass
    Member

    Hi, 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 #19164
    Ivy
    Member

    Hi 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 #19165
    GraphicBass
    Member

    Hi 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 #19166
    Ivy
    Member

    I am glad this is working now. Please let us know if you need anything else.

    Cheers,

    Ivy

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • 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