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.
Related
I couldn't find a tutorial or hint regarding making a product image in the wordpress theme "uncode" clickable. when clicking on the product image, it only opens the image in full size but doesnt rather redirect to the details page.
I assume it isn't a big thing that needs to be changed/added, but finding it seems quite difficult, as I have no experience regarding this theme at all.
thanks upfront!
EDIT: What I am trying to find out, is how to make this (tutorial for another theme https://slocumthemes.com/2015/10/how-to-make-woocommerce-thumbnails-clickable/) for my theme, uncode.
can anybody help? I think I found the line of code in one of the php files, but I have no proper experience of php
You can override woocommerce template.
Create a folder named woocommerce in your uncode theme and further corresponding folders where relevant file is added in woocommmerce plugin. e.g woocommerce/templates/single-product/product-image.php.
In that overridden file you can customize the HTML i.e link your image.
I am working on Opencart platform I want to remove some text from quick checkout page.
On checkout page the text:
Do you Have a Coupon or Voucher?
Do you know where I can edit the text? Please suggest me
I'm using journal 2 Theme:
public_html/your website directory/catalog/view/theme/journal2/template/journal2/checkout/coupon_voucher_reward.tpl
or
public_html/catalog/view/theme/journal2/template/journal2/checkout/coupon_voucher_reward.tpl
Try if it helps.
All text you see in your OpenCart shop are in corresponding language files. But in Journal theme this text placed here:
catalog\view\theme\journal2\template\journal2\checkout\coupon_voucher_reward.tpl
line:
<h2 class="secondary-title"><?php echo $this->journal2->settings->get('one_page_lang_coupon_voucher', 'Do you Have a Coupon or Voucher?'); ?></h2>
You are using third party plugin for checkout because the default language line is
Choose if you have a discount code or reward points you want to use or would like to estimate your delivery cost.
So there are three ways:
Search for the text inside language files of the source of plugin upload/catalog/language/ folder if you extract the plugin code.
Find the text in settings of that module by going to extensions section in admin panel.
It might be hard-coded inside the .twig or tpl file, so you can search inside the catalog/view/theme folder of the source of plugin.
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'm attempting to rearrange the layout for my WooCommerce pages, specifically the individual product page but I can't find where the HTML code is. I'm looking for:
<div class="woocommerce-tabs wc-tabs-wrapper">
I've had a search using my text editor across all available files and it cannot be found but it's very clear that it is in the inspected elements. Is there somewhere I can find it or do I just have to override the whole thing? If so, how?
If you want to design the pages of WooCommerce copy the folder plugins/woocommerce/templates/ to your theme folder and rename it 'WooCommerce' would be: themes/mytheme/woocommerce. That way you can modify the templates and update the plugin changes are not erased.
For more information read here
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/