How can I Add text, html, and/or shortcode below product image and just below add to cart button

Support
#1

Hi there,
How can I Add text, html, and/or shortcode below product image and just below add to cart button

Kindly see screenshot below.

Please help.

Thank you.
Sovann

#2

Hi There,

It’s not possible at the moment.

Please add the following code under functions.php file locates in your child theme:

add_action( 'woocommerce_after_add_to_cart_button', 'html_after_add_to_cart' );
function html_after_add_to_cart(){
	?>
	<div>abc</div>
	<?php
}

Let us know how it goes!

#3

It works. Thank you.

How can i move the add to cart button to align with number of selection?
Kindly see screenshot.

Thank you

#4

Hello There,

To move the add to cart button to align with number of selection, please add the following CSS code in the X > Launch > Theme Options > Global CSS (http://prntscr.com/evui3r)

.woocommerce .quantity {
    display: inline-block;
    margin-right: 20px;
}

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

#5

It works just great.

how can i remove or disable these (see attached screenshot)?

Thank you

#6

And how can i remove space on the left and right margin at Description page (see attache screenshot)?

Thank you,

#7

Hello There,

For design, we can always use browser developer tools: https://screencast-o-matic.com/watch/cbX0ik2tAI

.x-tab-pane.description_pane {
    padding: 4% 0; /*Top and bottom padding is still 4% but right and left have been reset to zero*/
}

See sample:

For sku and description:

.single-product #tab-description h2, .single-product .sku_wrapper {
    display: none;
}

Hope this helps.

#8

Thank you. Category and Description still there after added the given code.

Please help.

#9

Hey There,

To assist you with this issue, we’ll first need you to provide us with your URL of the page in questioned. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thank you.

#10

Here you are: https://viralifi.com/premium/product/vicuna-polo-famous-brand-leather-men-bag-casual-business-leather-mens-messenger-bag-vintage-mens-crossbody-bag-bolsas-male

#11

Hello There,

Thanks for providing the url. To resolve your issue, please make use of this code instead:

.single-product .sku_wrapper,
.single-product .posted_in {
    display: none;
}

And to remove the “Description” heading, please add the following code in your child theme’s functions.php file

function remove_tab_headings(){
	return '';
}
add_filter('woocommerce_product_description_heading', 'remove_tab_headings');

Please let us know how it goes.

#12

Great it works perfectly. You deserve to take some rest.

#13

Sorry one more thing.

How can i make that single product page background transparent?

Thank you.

#14

Hi,

You can add this in Custom CSS

.single-product . entry-wrap {
   background:transparent;
}

Hope that helps.

#15

I added but not work.

#16

Hi,

Sorry, there should be no space after the dot.

Please change it to

.single-product  .entry-wrap {
   background:transparent;
}

Thanks

#17

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