Add to cart button not centered « Tips and Tricks HQ Forum

Tips and Tricks HQ Forum » WP eStore Forum » WP eStore Tweaks

Add to cart button not centered

(10 posts) (3 voices)

Started 3 months ago by sevann
Latest reply from admin
Possible Solutions (Related Topics):

Tags:

No tags yet.

sevann
Member

I followed the direction listed below to move the add to cart button to the right, however the button is not centered with the price input box, please see screenshot > http://img1.UploadScreenshot.com/images/main/1/2808461898.png
I am using the [wp_eStore_add_to_cart id=1] shortcode. Can you please let me know how to fix this? Also is it possible to add some text between the input box and the add to cart button? Tks in advance for your help. Great plugin btw.

Open the "eStore_misc_functions.php" file and look for the following line of code:
$output = get_button_code_for_element($ret_product);
Once you find it please change it with the following:
$output = get_button_code_for_element($ret_product,false);
The 2nd argument (false) tells it not to use break line when it creates the button.

Posted 3 months ago #
admin
Key Master

You will need some CSS adjustment. Remove the image URL from the "Button Image URL" field and then post a link to the page where you are using it.

Posted 3 months ago #
sevann
Member

Ok done, I removed the button image URL. The default add to cart is now showing and is perfectly centered. The issue is when I add the "Button Image URL"

Here is the link > http://www.sandbox.deeptraxdigital.com/#409/nightshift-ep

Tks

Posted 3 months ago #
sevann
Member

where is default add to cart button located? Can i just replace it, would it solve the issue?

Posted 3 months ago #
Peter
Moderator

Hi,
Any chance that you can leave that product with the default button on the page and also add another test product with the problematic button underneath?
This will make it easier to troubleshoot the CSS with firebug.

Posted 3 months ago #
sevann
Member

Hi,

There you go > http://www.sandbox.deeptraxdigital.com/#409/nightshift-ep

Tks for your help

Posted 3 months ago #
admin
Key Master

I can't see anything obvious but the input image attribute on your theme must be adding some style to it which is causing the image to line up. The default add to cart button is a standard HTML button (not an image) which is why it lines up fine.

Posted 3 months ago #
sevann
Member

I think i can make it work with the add to cart button underneath but I need to add some text next to the name you price entry box, something short like ($2,00 or more) . Is there a way for me to do this?

Posted 3 months ago #
sevann
Member

Just an fyi. it's not the theme. I switched theme and same thing happen

Posted 3 months ago #
admin
Key Master
Revert the customer modification you did so the "Add to Cart" button goes on its own line. Then simply change the language file to correct the message. This post will explain more:
http://www.tipsandtricks-hq.com/forum/topic/how-to-customize-various-textmessages-displayed-by-the-plugin

You will need to change
```
define("WP_ESTORE_YOUR_PRICE", "Your Price");
```
to
```
define("WP_ESTORE_YOUR_PRICE", "Name your price ($2.00 or more):");
```
Posted 3 months ago #

RSS feed for this topic

Reply

You must log in to post.