WP eStore plugin – button image url

[judith]

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

[amin007]

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

[AuthorYourDreams]

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.

[wzp]

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

[rastarman]

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.)

[wzp]

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

[rastarman]

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?

[admin]

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.

[rastarman]

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?

[rastarman]

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