Resizing image for Shopping Cart or using a different image

[teamilluminati]

Hello! Here’s a potential newbie question, sorry if it’s been posted somewhere else, but I couldn’t find the answer anywhere

I have installed the shopping cart plugin, and I’m noticing that when I use the shortcode:

[wp_eStore:product_id:1:end]

to put the shopping cart in a page, it forces the image to be 300X300 pixels. This was really bad when the original GIF image that comes with the plugin was 50 pixels square, so I made a new, bigger image, of my own. My new image is 195 pixels, to match my sidebar, but on my shopping cart page, where I have the plugin, it still forces it up to 300 pixels.

Can I use 2 separate images, or at least control the size of each image?

In order to see the shopping cart image on the sidebar, you have to add something to the cart, and you can do that at

http://teamilluminati.com/digital-store

the larger image for the shopping cart (that is the same image, unnaturally stretched to be bigger) can be found here:

http://teamilluminati.com/shopping-cart

If I knew where the css or php file/line of code exists that controls these parameters, it wouldn’t be hard to customize them…….

[teamilluminati]

CORRECTION: I incorrectly copy/pasted the wrong shortcode into the above post. The shortcode I’m using is:

[wp_eStore_cart]

[amin007]

Your theme has specified the width of the input fields to be 45% of the parent element. The image in question was specified as an “input” type so it was stretching to 45% to adhere to your theme’s CSS.

.format_text input, #commentform input, #commentform textarea {

border-width:0.071em;

padding:0.214em;

width:45%;

}

So one solution is explained on this post:

https://support.tipsandtricks-hq.com/forums/topic/images-appear-too-bigsmallstretched-on-thesis-theme

I have also changed that image input field to a simple “img” so if you download a latest build of eStore from here you will probably see a change without having to do anything else:

https://support.tipsandtricks-hq.com/update-request

[teamilluminati]

thanks! it worked great. I have one other question though- can you advise me on how to customize the “add to cart” button? maybe with a different image, or maybe making the mouse change to a little hand when it hovers?

i’d like to make it stand out more- change the color or something.

the url is:

http://teamilluminati.com/digital-store

[amin007]

You can use any custom button image for your button. Edit the product and specify the URL of the image in the “Button Image URL” field.

The “Add to Cart” button is a standard input button. So whatever your theme’s CSS has specified for the input buttons will be applied here.

[teamilluminati]

thanks again! i appreciate the fast reply, and your plugins are awesome

[Author]

Posts