I just setup WooCommerce on my wordpress site:
http://artendijen.com/product/test-product/
I am not a fan of the template where it has the description and additional information below and in tabs, I would like the have the description and additional information to the right of the product image. Is there a setting I missed or will I have to edit it via CSS myself?
There is no setting for layout in WooCommerce. If you can do what you need to do with CSS then thats great. Otherwise, you will need to use hooks and actions in your functions.php to move things around. You can also overwrite woocommerce template files by copying them to your template with the same structure and file names you find in the WooCommerce plugin.
http://docs.woothemes.com/document/introduction-to-hooks-actions-and-filters/
Related
I am creating a Wordpress custom theme, and I've been having issues with my woocommerce template rendering. Firstly, not all of the pages are showing up (some of them are reverting to the index.php and page.php files). Secondly, for the pages that are showing up (the single product page, the archive products page), the css is not being applied. I have tried everything suggested on the docs (hooks), but I have failed. Here is a link to my github for you to see the file structure.
https://github.com/naderae/elbe-collections
possible issues wuth my code:
my code is not written in the standard wordpress way. I only have three pages so far, index.php, page-about.php, and page-team.php, which work fine. page.php and single.php are empty. thus, my site consists of 2 pages, and index.php.
I've been struggling with this for 2 days, and would really appreciate some guidance of hoe to get me back on track. Cheers
Below is a list of some basic theme templates must preset in theme, more about this in details click here.
index.php
style.css
header.php
single.php
page.php
category.php
archive.php
404.php
I would recommend you to start with some default WordPress theme like twentyseventeen theme or other. These themes will have all basic functionality of WordPress. Check functions.php in the theme folder to customize/add functionality.
for more details about Template Hierarchy click here
Customize WooCommerce
Template structure & Overriding templates via a theme - link
Customizing WooCommerce - link
To overwrite woocommerce css you need to add a woocommerce folder to your theme. And go from there.
Woocommerce will also always use their own templates so the easiest way to change the layout is to use a child-plugin from woocommerce.
I'm working with WooCommerce including the WooCommerzce Germanized Plugin.
The Plugin changes a lot of WooCommerce to make it safe for usage in Germany.
Now I need to modify a template file of the plugin. Whats the best way to make the changes? I don't want to modify the template itself to keep it safe for updates.
In order to override any WooCommerce plugin template you should create a folder in your active theme named after the plugin you are going to modify. Then follow the template folders structure ignoring just the folder templates and copy the desired file there.
For example, I needed to modify the WooCommerce Germanized Pro template based in /plugins/woocommerce-germanized-pro/templates/checkout/multistep/data.php. To modify it I have copied it to my theme: /themename/woocommerce-germanized-pro/checkout/multistep/data.php -- this way it will override an original template file.
Good luck!
I have build my own Wordpress theme and activated Woocommerce. Almost everypage works fine. But my Store and Product pages are not in Container. Also I would like to chanche the positions of sertain items on the Product Page. Theme is build in Bootstrap so I would like to use Bootstrapp to fix my Product page. The biggest problem is that I cannot find the right file to edit... Somebody got the solution?
You can check the site here.
Thanks!!
To build a WooCommerce Compatible theme, you need to edit the WooCommerce templates.
All the WooCommerce templates are located at woocommerce/templates folder. If you are not familiar with WooCommerce templates structure, you can install WooCommerce Template Hints, and it will display the template file name to show you where the content comes from.
To customize the template, please follow the best practices so your modifications will not be missing when you update WooCommerce.
I am using WooCommerce on a wordpress installation. I have also purchased the plugin woocommerce-checkout-field-editor-pro to create custom fields on the checkout form.
My problem is, while the WooCommerce Checkout Field Editor Pro plugin is great, it does not allow me to just add a text link. It allows a label, but no way of making that label a link.
If I can just figure out where the custom label field gets stored when its created I am thinking I can just wrap it in an <a href > tag to turn it into a hyper link. But I can't figure out where the field is stored. Any help would be greatly appreciated.
Thanks!
A few template files make up the checkout page and can be found in:
wp-content/plugins/woocommerce/templates/checkout
The files which may be of most interest to you could be either form-checkout.php or review order.php.
Inside your own theme folder, create a folder called woocommerce and copy across any files you want to edit, making sure to place them inside the exact folder structure they are kept within Woocommerce. So in this case, copy the files to your_theme/woocommerce/templates/checkout/. Any changes made to these files will override the original template.
You can edit the templates and add, or remove, any code as you need to.
This is pretty straight forward. I've installed the Woocommerce Canvas theme and want to use it to implement an HTML template using the various hooks available. I've set my front-page to be the shop page but cannot seem to find the template which affects the shop page.
I have already tried to change both archive-product.php files, and neither are responding.
Managed to find it myself. The WP Cache plugin interfered.