How to edit Woocommerce product page in my own themplate - php

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.

Related

Woocommerce template and css issues

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.

“Please specify the product's option(s)” message occuring after clicking on add to cart button on product detail page

After Installing new themeforest magnium theme on our magento website version CE Magento 1.9.0.1. Mageworx "Advanced custom Options" extensions is not working.
So I don't understand which file has been override.
Actually issue is that when I click on add to cart button on product detail page then custom options not adding to cart page and occurring error message “Please specify the product's option(s)” on same product detail page.
This is likely because the extension from Mageworx is overriding a template file that the theme is also overriding. You need to open the source of the Mageworx plugin, find all templates in the template folder, and incorporate their differences into your Magnium theme template folder.
More specifically- you're getting this error because the configurable options are not posting when adding to cart. This is likely because their name is incorrect in the template or they aren't output. (Replacing the Magnium theme templates with the Mageworx templates should bring this functionality back)
Either way, this is a question for the Support team on the extension or theme you are using- not really something appropriate for a stack question.

Customizing the Vendor Page on Marketify Theme Wordpress

I am using the Marketify theme on Wordpress and want to customize the vendor page. I want it so that everything is centered. At the top is the featured image of the vendor. Below would be the name of the vendor. Below that would be the author's subscription. Then below that would be the list of products the vendor had.
I tried reaching out to Marketify's support but they told me to just get a freelancer pretty much.
I appreciate any and all help! This issue needs to be addressed because there are no tutorials or any documentation on how to customize the vendor page on the Marketify theme.

Woocommerce Shop Template

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.

Wordpress WooCommerce Product Page Template

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/

Categories