How to change position of Add to Cart Button

[tdako]

Hi Amin and Co.,

I have a small question about the positioning of the Add to Cart button.

I am using the shortcode, [wp_eStore_add_to_cart id=1] to place the variations and Add to Cart button under a product. What happens is that the variations is on one line, then there is a <br> code and then comes the Add to Cart button.

Is there a way to move the Add to Cart button so that it is on the same line as the variations options? I tried using the Plugin Editor to find which file has the code to change this, but couldn’t find it.

Maybe you can help…….

Thanks in advance

tdako

[amin007]

Open the “eStore_misc_functions.php” file and look for the following line of code:

$output = get_button_code_for_element($ret_product,true,'',$buttonImage);

Once you find it please change it with the following:

$output = get_button_code_for_element($ret_product,false,'',$buttonImage);

The 2nd argument (false) tells it not to use break line when it creates the button.

[tdako]

Hi Amin,

Thanks very much for the swift answer……just tried it out and of course it works fine.

Cheers

tdako

[bobk]

This didn’t work for me just now, nor did the solution posted here:

moving "add to cart" button on [wp_eStore:product_id:4:end]

I’m pretty sure I had it working before, and then an update to the plugin moved the button back down where I don’t want it. I went back in to eStore_misc_functions.php and restored these changes, but they had no effect. I also tried other CSS positioning, like

.eStore_add_to_cart_button {display: inline-block;}

The page under development is here: [http://tinyurl.com/bedmhwm]

I want the ‘add to cart’ button placed to the right of the drop-down menu, with their bottom edges aligned.

[admin]

Your other post should tell you what change you did earlier so you can reapply them:

https://support.tipsandtricks-hq.com/forums/topic/estore-remove-line-break-and-remove-or-replace-colon

[bobk]

I re-read that post, but unless I’m missing something, it didn’t contain a solution for moving the ‘add to cart’ button.

Just to be clear, back then I was considering putting all those elements in a single row, but then I decided against it. I settled on having the price and the ‘format’ link (which is a Lightbox Ultimate link) above the variation menu, with the ‘add to cart’ button to the right. If I recall correctly, the method I successfully used for moving the add to cart button was in the following thread, or the one linked within it:

moving "add to cart" button on [wp_eStore:product_id:4:end]

Then, without my having changed anything (that I can recall), the ‘add to cart’ button got pushed down – I think it might have happened after an update to eStore (?).

In Firebug I found a line break after the variation menu, and when I deleted it (in Firebug), the ‘add to cart’ button moved back up where I wanted it.

So the question is ‘how do I get rid of that line break?’ Is it in the php code somewhere? Or am I missing something?

[bobk]

RESOLVED:

In post 19611 above, Amin said to search for

$output = get_button_code_for_element($ret_product);

I searched for that string in my text editor (Coda) and got nothing.

Then I tried

$output = get_button_code_for_element

and that got me to the right place, which was line 215 in misc_functions.php.

If Amin’s post from last year is correct, then there was previously no ‘true’ after ‘($ret_product)’. Now there is. I replaced it with ‘false’, and that removed the line break.

Here’s what I think happened: Amin’s fix above worked when I tried it a few months ago, and during one of the recent updates, two things happened: 1) the update over-wrote the modification; and 2) the code changed so that the search he recommended didn’t work when I tried it before. It wasn’t till now that I thought of trying a modified search.

It would be nice if a detailed change log was posted with each update.

[Anonymous]

I tried the above fix to the misc_functions.php but the add to cart button is till appearing on the next line instead of alongside the product.

I changed:

$output = get_button_code_for_element($ret_product,true,”,$buttonImage);

to:

$output = get_button_code_for_element($ret_product,false,”,$buttonImage);

But the add to cart button still appears on the next line.

Any ideas?

[admin]

Hi, Please share a link to the page where you have the button so I can take a look. you want the variations and the button to be all side by side?

[Author]

Posts