Support » Plugin: WooCommerce » How to add paragraphs with instructions at the bottom of the product?

  • Resolved miguelapps

    (@miguelappslaparra)


    I need to put details on the products about their manufacture and instructions for use that should not be in the description.
    In the product description, I will add a reference so that the user can go to the bottom of the product page, where he will find the details of this reference.
    This should be carried by almost all products
    I have created a custom field, but I can’t edit the format of the text, nor can I place it, it doesn’t show in the product

    I have tried to create custom fields with the Advanced Custom Fields Plugin but I can’t figure it out and I can’t get them to display in my product.
    I have also created blocks and add them to the products I need, in the "Product Layout" section, but these blocks are displayed at the bottom of the page, after the “related products” are displayed.
    They are intended to be displayed after the product description.
    How I can get this ?

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Support xue28 (woo-hc)

    (@xue28)

    Hi @miguelappslaparra

    Thanks for reaching out!

    Firstly, I apologize for the delayed response.

    They are intended to be displayed after the product description.

    You could add additional tabs after the Additional Information tab to add these extra information.

    You can find the code snippet here: https://woocommerce.com/document/editing-product-data-tabs/#section-5

    Alternatively, there are also plugins that you could check for reference:

    Custom Product Tabs for WooCommerce
    Custom Product Tabs Manager

    Hope this helps!

    Thread Starter miguelapps

    (@miguelappslaparra)

    Hi, thanks for your response @xue28
    Yesterday I was able to read information and found a website that showed what I need.

    This information can be added to the end of my product using the functionality that WooCommerce already has, which are the TABs.

    I have tried to do this from the Theme Options / WooCommerce / Tabs section

    This looks interesting, the downside is that I can’t add the text in the format I need.
    For example, in this case I need to add a list of instructions to the TAB, and when I add the html code with the text and labels of a list, it does not show it as such, it shows the plain text, without any formatting, it can see my code on screenshot

    Is there a way to fix this and display an ordered list of features within one of the tabs only with WooCommerce without using any other plugin?

    Thank you

    • This reply was modified 1 month, 3 weeks ago by miguelapps.
    • This reply was modified 1 month, 3 weeks ago by miguelapps.
    Plugin Support Saif

    (@babylon1999)

    Hello @miguelappslaparra,

    This information can be added to the end of my product using the functionality that WooCommerce already has, which are the TABs.

    I have tried to do this from the Theme Options / WooCommerce / Tabs section

    I didn’t find this option on my site, I assume it’s a theme-specific feature.

    This is a fairly complex development topic. I’m going to leave it open for a bit to see if anyone is able to chime in to help you out.

    I will recommend working with a WooExpert to figure out a custom solution.

    You can also visit the WooCommerce Facebook group or the #developers channel of the WooCommerce Community Slack. We’re lucky to have a great community of open-source developers for WooCommerce, and many of our developers hang out there, as well.

    Cheers!


    Thread Starter miguelapps

    (@miguelappslaparra)

    Thanks @babylon1999 , close the debate when you see fit, it doesn’t matter.
    I will continue looking for a solution.
    The problem is that in the WooCommerce Tabs, (They are not things of the theme that I am using) it does not allow me to give the desired format.
    We have even found WooCommerce documentation that you can see in the link,(https://woocommerce.com/document/editing-product-data-tabs/#section-5) it says how to do it, but the text is displayed as plain text, and not as a list, which is how I have the code:

    But don’t worry, you can close the debate, I’m already on the right track and sooner or later, I’ll correct this.
    Thanks for your

    Thank you for your support. I must also thank @xue28 for the time he has dedicated to helping me.
    Thank you

    // FUNCION PARA AÑADIR UNA NUEVA PESTAÑA A LOS PRODUCTOS
    add_filter( 'woocommerce_product_tabs', 'woo_new_product_tab1' );
    function woo_new_product_tab1( $tabs ) {
       
    	// Agregar el nuevo tab
    	
    	$tabs['manual_del_producto_tab'] = array(
    		'title' 	=> __( 'INSTRUCCIONES', 'woocommerce' ),
    		'priority' 	=> 40,
    		'callback' 	=> 'woo_new_product_tab_content1'
    	);
    
    	return $tabs;
    
    }
    function woo_new_product_tab_content1() {
    
    	// El contenido del nuevo tab
    
    	echo '<h2>INSTRUCCIONES:</h2>
    

    we show the instructions of our products

    Cuando vemo <h3>Esto se aclara con la siguiente tabla:</h3>
    • Productos con .....
    • Productos con ...
    • Productos con ...
    • Productos con ...
    '; echo get_post_meta( get_the_ID(), 'manual_del_producto', true ); }
    • This reply was modified 1 month, 3 weeks ago by miguelapps.
    • This reply was modified 1 month, 3 weeks ago by miguelapps.
    • This reply was modified 1 month, 3 weeks ago by miguelapps.
    Thread Starter miguelapps

    (@miguelappslaparra)

    I think we could get this done with the following WooCommerce documentation.
    It’s not quite what I need, and it doesn’t allow me to format the content with html, but until I find a solution, I’ll take it for granted.
    I am very grateful to @xue28 and also to @babylon1999 for the support shown and the time dedicated to this debate.
    Thanks.
    You have more experience and you can review the documentation that I show you, and see how to correct text formatting errors.

    Plugin Support xue28 (woo-hc)

    (@xue28)

    Hi @miguelappslaparra

    You are most welcome and we’re glad that worked! 🙂

    Additionally, I did some research and found that this plugin seems fit to your requirement here: Custom Product Tabs for WooCommerce

    Meanwhile, if you have a few minutes, we’d love it if you could leave us a review:

    https://wordpress.org/support/plugin/woocommerce/reviews/

    Thanks!

    Thread Starter miguelapps

    (@miguelappslaparra)

    Thanks to the collaborators @babylon1999 , to @xue28 I already left you a review, I hope you like it.

    You can show this debate as solved
    See you in the next discussion

    • This reply was modified 1 month, 2 weeks ago by miguelapps.
Viewing 7 replies - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.