Support » Plugin: WooCommerce » need help moving product sku on single product page

  • Resolved amongthieves

    (@amongthieves)


    See attached image for reference. https://imgur.com/nlEZzLU

    I am building a woocommerce website for a client and i am trying to move the product sku from its current location (blue arrows) to just underneath the product title (red arrows).

    I am having trouble achieving this, any help would be greatly appreciated. Thanks.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support Tseten D a11n

    (@tibetanitech)

    I understand you would like to show product SKU below the product title instead of the product short description.

    To do that, you can create a child-theme if you don’t have that already. Here is a link to our documentation to understand how to create a child-theme in WordPress: https://developer.wordpress.org/themes/advanced-topics/child-themes/

    In the child-theme you can customize the WooCommerce template, you will need basic information about how WooCommerce Hooks: Actions and filters works.

    Here is a link to our documentation for the WooCommerce template structure. https://docs.woocommerce.com/document/template-structure/

    Thread Starter amongthieves

    (@amongthieves)

    I have already tried that, i have a child theme. if you even looked at my picture then you would see i have a custom theme already. i also have tried hooks and i am not having any luck and was hoping someone would help me with the code i need so i could copy + paste it.

    Plugin Support Tseten D a11n

    (@tibetanitech)

    I understand you have a child theme with a 3rd party theme installed on your site.

    Since the changes need to be done in different template files and each theme have their own different way of setup, I’m not 100% sure if what worked for me will work for you as well. However, you can try these codes and see if it works for:

    Make sure you have followed the template structure documentation: https://docs.woocommerce.com/document/template-structure/

    In your child-theme wp-content/themes/yourtheme/woocommerce/single-product/ paste the meta.php and ‘title.php’ files from WooCommerce core files.

    From the meta.php file remove the section where SKU is declared or called. Here is the line of codes from meta.php

    <?php if ( wc_product_sku_enabled() && ( $product->get_sku() || $product->is_type( 'variable' ) ) ) : ?>
    
    		<span class="sku_wrapper"><?php esc_html_e( 'SKU:', 'woocommerce' ); ?> <span class="sku"><?php echo ( $sku = $product->get_sku() ) ? $sku : esc_html__( 'N/A', 'woocommerce' ); ?></span></span>
    
    	<?php endif; ?>

    Here is the screenshot of how my customized title.php looks: https://d.pr/i/nDnXJC

    And this is how my product page looks: https://d.pr/i/T7CnRf

    If you need further help with customization. We highly recommend contacting one of the services on our Customizations page (https://woocommerce.com/customizations/)

    Plugin Support Tseten D a11n

    (@tibetanitech)

    We haven’t heard back from you in a while, so I’m going to mark this as resolved – if you have any further questions, you can start a new thread.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘need help moving product sku on single product page’ is closed to new replies.