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

WP eStore plugin – button image url

by

Tips and Tricks HQ Support Portal › Forums › WP eStore Forum › WP eStore plugin – button image url

Tagged: button

  • This topic has 9 replies, 6 voices, and was last updated 7 years, 2 months ago by rastarman.
Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • December 21, 2010 at 7:21 pm #2415
    judith
    Member

    Hi, I’m setting up a squeeze page for free downloads of PDF’s. I can’t find what to enter in the “button image url” field. When I click on that field in additional product details it defaults to “(download_icon.png)”. But when I save the product I get an error message at the top that says. “The URL specified in the “Button Image URL” field does not seem to be a valid URL! Please check this value again:

    (download_icon.png)”

    In the documentation I’ve been reading it says I can find these things in the eStore image library but I can’t find that image library – help!

    If you need it, my site is [http://creativitybeat.com]

    What is the lowest wordpress version that eStore works with?. This site is on 3.0.3 but my other site isn’t and I’m thinking that’s the problem I’m having on that site with eStore.

    thanks

    December 22, 2010 at 12:54 am #27569
    amin007
    Participant

    The button images that comes with eStore are stored in the “Images” directory of this plugin. So for you the URL of this specific button image would be the following:

    http://your-domain.com/wp-content/plugins/wp-cart-for-digital-products/images/download_icon.png

    You can also upload any of your custom button image using the WordPress’s media uploader then use the URL of that image.

    The lowest version of WordPress required for eStore is WP v2.7

    August 7, 2012 at 1:52 pm #27570
    AuthorYourDreams
    Member

    This forum is really great in that when one person asks a question and someone else has the same question, we can all get the answer. However, I am really confused. I have the same exact question as the person listed above: Where in the “Images” Directory of the plugin? I really want to know where it is located, so I can find a URL for my specific button image.

    August 7, 2012 at 6:44 pm #27571
    wzp
    Moderator

    If you installed eStore into the wp-content/plugins directory of your server; the “images” directory usually becomes:

    yoursite.whatever/wp-content/plugins/wp-cart-for-digital-products/images/my-button.gif

    January 23, 2016 at 10:13 pm #27572
    rastarman
    Spectator

    I have tried several times to replace the default “checkout_paypl.png” with a custom image that is a bit larger than the original image.

    According to both the instructions on your site:

    “Find the image that you want to replace in the “images” directory of the plugin in question

    Choose the image you want to use from this image pack

    Rename your chosen image’s file name to exactly match the one you want to replace (make sure the file extension match too)

    Now, copy and paste this image file in the images directory (overwriting the original image)”

    And what I’ve read here, this should work. I have been careful to put it into the “wp-cart-for-digital-products” images folder with the exact same name as the original image.

    I have tried pasting it into the folder as per your instructions. Cyberduck shows the proper folder and shows “Overwrite” as the option. I proceed and the file shows proper modification date and when I “quick look” the image on a Mac, it shows the proper image.

    I also tried deleting the original image from the plugin folder directly and then uploading the replacement image.

    I have emptied my web browser cache, refreshed, quick and restarted the browser – all to no effect.]

    The one thing that occurred to me that I haven’t found addressed yet:

    Should I DEACTIVATE the wp eStore plugin, and then REACTIVATE?

    Thanks

    (I can send screen grabs of the FTP directories if necessary.)

    January 23, 2016 at 10:59 pm #27573
    wzp
    Moderator

    Are you using any page caching plugins on your site? Perhaps the page caches need to be flushed.

    January 23, 2016 at 11:26 pm #27574
    rastarman
    Spectator

    I manually flushed cache several times before trying.

    Does the WP eStore plugin need to be deactivated at any time during the image replacement process?

    January 23, 2016 at 11:34 pm #27575
    admin
    Keymaster

    I think your image URL is incorrect (the file name likely has a typo).

    Did you load your image using the browser’s address bar to make sure it loads correctly?

    Post a link to your page where I can go and add item to the cart so I can inspect the image.

    January 24, 2016 at 9:13 pm #27576
    rastarman
    Spectator

    I’m wondering if the image size is a factor, in any way restricting the size of the replacement image.

    The main reason I wanted to change images was to put a somewhat bolder & larger image in place of the default.

    After that failed, I tried downloading the default image, increasing its size from 143 px x 41 px to 196 px x 56 px. That worked. It’s the same default image enlarged.

    When I tried to go even larger, somewhere around 225 px wide, it failed.

    Does the API restrict upper limits for the image size?

    January 24, 2016 at 10:02 pm #27577
    rastarman
    Spectator

    Completely and totally solved using WP Custom CSS plugin

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

    I lost the Tips & Tricks url that outlines the actual code for replacing your cart image, but of course I copied it:

    Method 1) Using Custom CSS

    Step 1) Grab this custom CSS plugin:
http://www.tipsandtricks-hq.com/wordpress-custom-css-plugin-6413

    Step 2) Add the following block of CSS in the settings area of that plugin:

    input[src*=”images/checkout_paypal.png”]

    {

    padding: 41px 143px 0px 0px;

    background: url(‘your-domain.com/images/my-checkout-button.jpg’);

    background-size:auto;

    width: 0px;

    height: 0px;

    }

    Replace the image URL in the above example with the actual image that you want to use for the checkout button.

    I replaced the sample image with my actual image url, and changed the width and height from 0px and 0px to 200px x 106px. The original is around 145 px wide.

    The new image size makes all the difference in world.

    Thanks everybody – I love this place!

  • 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 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
  • WP PDF Stamper Documentation
  • WP Photo Seller 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
  • WP Photo Seller Video Tutorial

Our Other Plugins

  • WP Express Checkout
  • Stripe Payments Plugin
  • Simple Shopping Cart Plugin
  • Simple Download Monitor

Copyright © 2023 | Tips and Tricks HQ