Is there any way to edit child pages like mywebsite.com/page/childpage
in wordpress. Actually i want to edit product category page in woocommerce. I want to add a div on the top of product catogery page. I am searching for this since 2 days on google but i didn't get solution.
If you need to add this div to all category pages (i.e. http://yourwebsite.com/product-category/category-name/) then you need to edit the archive-product.php template. It is located at \wp-content\plugins\woocommerce\templates, but don't edit it there!
Create woocommerce folder in your theme's folder and copy the file there, then edit. It will overwrite the default template and will be safe for Woocommerce updates, since they won't overwrite this folder. If you edit it in the original path you might loose your code with the next update.
Here's a link to details on this.
And if you want to edit the description for a specific category, you can do it in the admin panel under Products > Categories.
Related
I have installed My travel theme and I have got a by default product page, it's totally correct I just want to make the design changes on that page, for eg. I am having product image on my left side and booking details on right side, so I want that booking side to my left side, and product side on my right How can I Do this?
Here are the steps that will help you:
You'll need to override the single product page template in your child theme.
If you don't have a child theme create one. You can manually create it or better use this plugin to create a child theme: https://wordpress.org/plugins/wp-child-theme-generator/ and activate it.
Create a new folder structure in child theme /woocommerce/templates/
You need to copy the relevant product page templates from your parent theme to the child theme.
The most relevant ones will be single-product.php, content-product.php, and folder single-product
Hope this helps.
I am trying to edit the Product and checkout Page on Woocommerce. WE have a Divi theme installed, but it doesn’t allow me to customize the product page. Does anyone know where I can find the files that generate the product page so I can edit them? For example, I want to remove the product image, and make it a 2 column layout instead of 1. I know PHP/HTML/JS/CSS so I can edit it once I find out where to edit.
Divi has the Theme Builder which can definitely let you custom design a Product page: https://www.elegantthemes.com/blog/theme-releases/divi-4
Here are some examples:
https://www.elegantthemes.com/examples/product/divi-theme-builder-6/
https://www.elegantthemes.com/examples/product/divi-theme-builder-5/
https://www.elegantthemes.com/examples/product/divi-theme-builder-4/
https://www.elegantthemes.com/examples/product/divi-theme-builder-3/
https://www.elegantthemes.com/examples/product/divi-theme-builder-2/
https://www.elegantthemes.com/examples/product/divi-theme-builder-1/
In order to override the woocommerce templates you look for:
If there is not exist a woocomerce folder in your theme root folder then, add one and name it woocommerce like YourTheme->woocommerce
Then in your woocommerce folder add a folder and name it checkout
Go into your wp-content->plugins->woocommerce->templates->checkout and copy the
files that you want to override in you theme->woocommerce->checkout
folder
In wp-content->plugins->woocommerce->templates you will also find the
content-product.php & content-single-product.php. Copy both and add them to your theme->woocommerce folder.
You can then start editing the files you want to change
First, you need to create the Child Theme.
Then, go to the WooCommerce folder of the Child Theme, here is the template hierarchy for the checkout page: https://woocommerce.com/document/template-structure/
www.YourWebsiteURL.com/woocommerce.5.9.0/woocommerce/templates/checkout/ Here you can access the checkout templates.
Let me know if that helps!
I have a woocommerce website, which the current single product page was seems been accidentally adjusted, the layout became bit weird. May I know how can I adjust back to the normal display? Currently, the display will be photo on top, and description at the bottom of the photo instead next to the photo, can anyone advise?
Can I directly overwrite the file from a fresh copy of woocommerce plugin folder to the live folder?
Yes, you can update the woocommerce plugins or replace the plugin with the new one. But If you want to manually change the design of the single product page then you can copy the template folder of woocommerce plugins to your theme directory and edit the single-product.php file.
Even with a woosidebars plugin, my sidebar doesn't show on the shop page. I think it may be due to the free plan theme limitations, however on the pro theme description it doesn't mention an added feature. Could anybody help? Thank you!
You must check your shop page template, usually it is placed in the folder /woocommerce of the theme. Sidebar must been there, find it by id.
Also you can to rewrite Woocommerce templates and add the sidebars here: just create the new directory named Woocommerce in your theme and add your customized templates here. In this case, you need to name the template files exactly as they are called in the plugin, you can see it here
I have a wordpress website with woocommerce deployed. I want to override some of the layout and the way each product is displayed on the shop page. I am doing this by creating a child template. I am able to override some functions, but am unable to find which file I need to edit, in order to modify how the thumbnails are displayed. In other words, the thumbnails shown in the following file...
woocommerce\templates\content-product.php
You can just copy templates\content-product.php files to your theme folder; it will override the default template and do whatever changes you need. Visit WooCommerce official documentation for further details.