Floating Right

On the page that I’ve added to the secure content, I’d like the cart information to be on the same line as “MCW011 - Design starts here”, but I’d like for it to be aligned to the right. Will you help me with this? Also, is there a way to only show the Add to Cart button without $0.00 on this page?

Hello @eutaw,

Thanks for writing in!

1.) To make the cart information be inline with the text, it is best that you use two column layout instead. It is way easier and no coding required. You can place the text on the left side and then the cart information will be on the right side column.

2.) You are using [add_to_cart id="2019"] regretfully this shortcode is coming from WooCommerce. We do not have any setting that will only show the Add to Cart button only. If you only need a button, you can insert a button element and then use Add To Cart URL, [add_to_cart_url id="99"] shortcode instead.To mearn more about the different WooCommerce shortcodes that you can use in your site, please check this out:

Hope this helps. Please let us know how it goes.

I changed to two columns, but the content from the two columns appeared to merge. I then added a third column to add a gap element between the columns, but that did not give me enough space between the two. How can I get more space between the columns?

Hello @eutaw,

Because you added a negative margin in your text element, the contents of the columns were overlapping.

SQiHx9zZTS2n8_LViUJHWw

I have removed and reset the margin to 0 already.

Please check your page now.

Perfect! Thank you so much. This means that I can remove the gap now, correct?
Also, for [add_to_cart_url id=“99”], do I substitute the url adddress for url that’s in the shortcode?

Hello @eutaw,

Yes, you may.

All you need to change in the shortcode in the value of the id which reflects the product ID.

Hope this helps.

Thank you much!!

You’re most welcome, @eutaw.

I am still having a problem with showing the Add to Cart button without $0.00, I added a button with [add_to_cart_url id="2019"], but it shows [add_to_cart_url id="99"] on the button instead of showing the cart. I tested this in Section 10 of this page. (Please see Section 10.)

Hi @eutaw,

That is not going to work, because button element’s label and URL input does not accept shortcode.

Continue using the [add_to_cart] shortcode instead, but add a parameter of show_price="false" to remove the price.

e.g.

[add_to_cart show_price="false" id="2019"]

Hope it helps,
Cheers!

Thank you very much!!!

You’re welcome.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.