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

Resizing image for Shopping Cart or using a different image

by

Tips and Tricks HQ Support Portal › Forums › WP eStore Forum › WP eStore Tweaks › Resizing image for Shopping Cart or using a different image

Tagged: image, shopping cart, sidebar, size

  • This topic has 5 replies, 2 voices, and was last updated 12 years, 4 months ago by teamilluminati.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 16, 2010 at 5:01 am #2237
    teamilluminati
    Member

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

    November 16, 2010 at 5:03 am #26568
    teamilluminati
    Member

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

    [wp_eStore_cart]

    November 16, 2010 at 5:24 am #26569
    amin007
    Participant

    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

    November 16, 2010 at 6:53 am #26570
    teamilluminati
    Member

    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

    November 17, 2010 at 12:19 am #26571
    amin007
    Participant

    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.

    November 17, 2010 at 5:27 pm #26572
    teamilluminati
    Member

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

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 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 Download Monitor

Copyright © 2023 | Tips and Tricks HQ