Title: customizing WooCommerce Last modified: January 25, 2018 --- # customizing WooCommerce * Resolved [janburg](https://wordpress.org/support/users/janburg/) * (@janburg) * [8 years, 3 months ago](https://wordpress.org/support/topic/customizing-woocommerce-3/) * My client wants to rearrange the order and look of the product page, putting the description below the size, quantity, price, etc. Sounds simple enough, but I know that this is set up with php and css, and I’m not finding where this is set up, or where to customize it. I have tried making simple css changes to the lines in my style.css page, but there is nothing happening. * So I am in search of basic knowledge – if I want to change the php, where do I make the changes? I have added several lines into my functions.php file (child version, of course) but again it’s not doing anything. I’ve rearranged the order of the content-single-product.php file, saved it in the child-theme-directory/ woocommerce directory, no change. When I look at the developer tools there’s a table set up somewhere for the size & option boxes, seemingly in woocommerce. css. I added a file by that name to the directory woocommerce in my child-theme directory to make changes, but it is still referring back to the original style sheet. There must be a way to customize this, but I don’t have a firm enough understanding of how WooCommerce interacts with WordPress, how and where the files are that I need to be looking at, how WordPress knows what file to look for, and where to make any changes. * Any help is appreciated, from links to articles to actual code help. The more I understand the basics of how WordPress relates to, in this case WooCommerce, but it could be any plugin or theme, the more I can complete the picture in my head of what I need to be doing. * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcustomizing-woocommerce-3%2F%3Foutput_format%3Dmd&locale=en_US) to see the link]_ Viewing 15 replies - 1 through 15 (of 16 total) 1 [2](https://wordpress.org/support/topic/customizing-woocommerce-3/page/2/?output_format=md) [→](https://wordpress.org/support/topic/customizing-woocommerce-3/page/2/?output_format=md) * Plugin Support [Hannah S.L.](https://wordpress.org/support/users/fernashes/) * (@fernashes) * Automattic Happiness Engineer * [8 years, 3 months ago](https://wordpress.org/support/topic/customizing-woocommerce-3/#post-9905646) * Here’s a good guide on how to re-order the single product page – that should help you in the right direction: [https://wisdmlabs.com/blog/reorder-content-woocommerce-product-page/](https://wisdmlabs.com/blog/reorder-content-woocommerce-product-page/) * Thread Starter [janburg](https://wordpress.org/support/users/janburg/) * (@janburg) * [8 years, 3 months ago](https://wordpress.org/support/topic/customizing-woocommerce-3/#post-9905795) * Yes, I found this or a very similar page, reordered my php but there’s no change in the result. I saved the single-product.php file to the woocommerce directory inside my child-theme directory, as another place suggested, to keep it from being overwritten when WooCommerce is updated. Is there a better place to locate that file? * Plugin Support [Stuart Duff – a11n](https://wordpress.org/support/users/stuartduff/) * (@stuartduff) * Automattic Happiness Engineer * [8 years, 3 months ago](https://wordpress.org/support/topic/customizing-woocommerce-3/#post-9906076) * Hi [@janburg](https://wordpress.org/support/users/janburg/), * Any `add_action()` or `remove_action()` code as described within the tutorial Hannah linked to should be added to a themes functions.php file and you should not perform any edits to the actual single-product.php itself. * Thread Starter [janburg](https://wordpress.org/support/users/janburg/) * (@janburg) * [8 years, 3 months ago](https://wordpress.org/support/topic/customizing-woocommerce-3/#post-9907558) * I copied the rearranged order for the single_product summary hook to the child functions.php file, still no change in order. I rearrange, test, rearrange, but to no result. And yes, I am clearing cache. * [Peter Lawrenson](https://wordpress.org/support/users/lorro/) * (@lorro) * [8 years, 3 months ago](https://wordpress.org/support/topic/customizing-woocommerce-3/#post-9907755) * It sounds like you don’t have the right approach here. There’s no need to copy content-single-product.php and edit it. * The page is made up of a series of sections. The position of each section is defined by a hook and a priority. You can’t move a section in one go, the technique is to remove it from one place and then put it back in another. * For example, let’s move the meta section to after the image. Firstly remove it using a remove_action(). Note that in remove_action(), the priority parameter must be the same as the original add_action(). So: * `remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_meta', 40 );` * You can get the hook, the section callback function name and the priority from content-single-product.php. * Next, put it back in the page, but this time put it after the image with: * `add_action( 'woocommerce_before_single_product_summary', 'woocommerce_template_single_meta', 30 );` * With enough pairs of remove_action() and add_action(), the page sections can be comprehensively reordered. Ultimately swapping left to right is possible. * This code goes in functions.php for your child theme, or, if you don’t have a child theme you can use the “My Custom Functions” plugin. * Thread Starter [janburg](https://wordpress.org/support/users/janburg/) * (@janburg) * [8 years, 3 months ago](https://wordpress.org/support/topic/customizing-woocommerce-3/#post-9909271) * Ok, I did what you said, removed then added a line, but there still is no change. * ```
in the right place? There is more code under this, for a custom footer, so the last tags, since when I remove them from the functions.php file I get an error from Dreamweaver (using that only as a text editor). * [Peter Lawrenson](https://wordpress.org/support/users/lorro/) * (@lorro) * [8 years, 3 months ago](https://wordpress.org/support/topic/customizing-woocommerce-3/#post-9909480) * functions.php will have `

Text

` at the end of the document. * Thread Starter [janburg](https://wordpress.org/support/users/janburg/) * (@janburg) * [8 years, 3 months ago](https://wordpress.org/support/topic/customizing-woocommerce-3/#post-9909496) * Yeah, I figured out that there was a close tag just before some