I have created a custom plugin for woocommerce and the question is can I create a custom Woocommerce checkout page with a fixed layout? so that no other plugin and theme can change my layout. same for the other pages.
I am using the woocommerce_locate_template and template_include hooks to enable my custom template.
But still, some plugins and themes change my fixed layout. Is this good practice if I use the !important in the style code?
Related
I installed woocommerce and the product data tabs are invisible because of a bootstrap style conflict.
I don't know why wordpress takes enqueued styles and applies them to the admin panel.
How do I prevent an enqueued style from being applied to wp-admin?
I can assure you WooCommerce does not use nor load Twitter Bootstrap in either front-end or back-end of WordPress. In fact, in order to wrap WooCommerce templates in Twitter Bootstrap classes, one would need to install a special plugin for it: WooCommerce TwitterBootstrap (which looks abandoned).
It must be some other plugin that's loading it. Are you sure it's Twitter Bootstrap that's causing the conflict? Please note there are a lot of WooCommerce extensions which are in fact separate plugins.
You can view a full list of installed plugins in WordPress dashboard. If you want to find the culprit, disable them one by one.
By default, WooCommerce plugin doesn't use Bootstrap and shouldn't load the styles or scripts in your WordPress dashboard.
You have a plugin or theme that make it to load the Bootstrap framework in your WordPress. Try to disable the active plugins one by one or check in their source code which styles or scripts they load. I will suggest to check the functions.php file of your theme too.
I was working in wordpress and now I have to work in opencart theme customization. In wordpress, creating child theme is safer to override .
Here in opencart, is it necessary to create a custom theme to override the default theme?
I'm customizing default theme only, not creating a custom theme. Any advantage or disadvantage to this?
You should not customize the default theme. You should copy the default theme to a new theme, and customize that. If a page is not found in the custom theme, opencart uses the page of default theme. So best practice is that you should not change the default theme. Instead make a copy of it and use that.
I purchased divi, it's a great 'drag and drop' builder to build page layouts.
However, on wooCommerce product pages, the 'use divi builder' button is not there.
Does anyone know the internal workings of the plugin well enough to allow for the button to appear on the product pages.
I did contact their support, but they don't seem to want to answer harder questions.
You can easily integrate the Divi builder into Woocommerce or any other custom post type for that matter with a small code snippet which can be added to your Theme's functions file. Remember to use a child theme whenever customizing theme core files such as the functions.php file as we will be.
If you are not familiar with a WordPress Child Theme you can always use one of my prefered plugins when in a crunch for time. Child Theme Creator by Orbisius
Here is the snippet to add woocommerce to the child theme, I also added a second custom post type to further show you how this example works.
// Begin Adding Divi Builder Support to Custom Post Type
function my_et_builder_post_types( $post_types ) {
$post_types[] = 'product'; // This is the name of the Woocommerce custom post type
$post_types[] = 'latest_news'; // My own custom post type I have added to my website.
return $post_types;
}
add_filter( 'et_builder_post_types', 'my_et_builder_post_types' );
// End Adding Divi Builder Support to Course Post Type
So what have we done here?
1st. We created our function
2nd. We specified our post types we want added
3rd. We added our new filter
There you have it, its that simple. This will allow you to better layout your description content on your woocommerce product pages.
I know that this answer is much down the timeline but I think it will be helpful for others who are trying to achieve the same thing.
This Elegant themes blog post describes a solution, the
Divi Commerce Plugin
and here is the link to Bolt Themes
Enjoy.
The Divi builder can't be activated on product pages. This feature is not supported.
This is with the Divi builder plugin and the Divi theme itself.
I personally feel that you will be using product / page functionality of you had Divi active on the single product pages.
From a user experience you will be loosing the direction to getting a client to add the product and checkout as the page will be out completely.
Use Divi for your main pages and marketing, keep the WooCommerce pages for the products!
Is it possible to create custom checkout page in my theme? I mean to create custom checkout.php document I do not want to edit WooCommerce default theme.
Yes, this is achieved by overriding the WooCommerce checkout.php file in the plugin itself by placing it in your theme's WooCommerce directory. You are right not to want to edit the plugin because any updates will render such changes obsolete. You can see the following files you would want to override here: https://github.com/woothemes/woocommerce/tree/master/templates/checkout
Your directory should look something as follows:
themeroot/
single.php
page.php
etc..
woocommerce/
templates/
checkout/
form-checkout.php
form-billing.php
etc
You can learn more about creating Custom WordPress themes by viewing the document. You will want to duplicate and work of these files to create your custom checkout page.
I want to add Genesis Responsive Slider from my wordpress page template.How can i do it? just need the name of the function.Please find the link of the plugin
http://wordpress.org/support/plugin/genesis-responsive-slider
Unfortunately it looks like according to the Genesis slider plugin author it can only be used as a widget. It also supports only a single set of slides so separate slide sets are unsupported.
Sources: wordpress.org/support/topic/shortcode-for-genesis-resposive-slider
wordpress.org/support/topic/multiple-instances-of-slider
I opted to include bxSlider for my WordPress plugin. It's responsive, has touch support and good documentation. http://bxslider.com/