admin管理员组文章数量:1130349
i have created my own theme for my woocommerce store i'm facing a layout issue in the checkout page, after debugging in chrome tools somehow i find out that the default main div is set to col-1 and if i were to edit it to col-12 that would fix the issue here however i'm using shortcode to use the woocommerce checkout functionality so i dont really have checkout page file and so not able to edit/override the checkout page so please if anyone can help me on how to set the default div from col-1 to be col-12 would be much appreciable. Thanks.
i have created my own theme for my woocommerce store i'm facing a layout issue in the checkout page, after debugging in chrome tools somehow i find out that the default main div is set to col-1 and if i were to edit it to col-12 that would fix the issue here however i'm using shortcode to use the woocommerce checkout functionality so i dont really have checkout page file and so not able to edit/override the checkout page so please if anyone can help me on how to set the default div from col-1 to be col-12 would be much appreciable. Thanks.
Share Improve this question asked May 23, 2018 at 18:27 OT AMDOT AMD 951 gold badge1 silver badge4 bronze badges2 Answers
Reset to default 0this solves the issue here:
.woocommerce .col-1, .woocommerce .col-2 {
max-width:none;
}
You can make changes in the HTML structure of checkout page by making changes in checkout template of WooCommerce.
WooCommerce provides the feature to overwrite its default templates by adding template files in your active theme and making changes in those files.
Refer WooCommerce docs: https://docs.woocommerce/document/template-structure/
If you have the WooCommerce template in your theme then WooCommerce will call that template instead of calling the template from WooCommerce plugin.
i have created my own theme for my woocommerce store i'm facing a layout issue in the checkout page, after debugging in chrome tools somehow i find out that the default main div is set to col-1 and if i were to edit it to col-12 that would fix the issue here however i'm using shortcode to use the woocommerce checkout functionality so i dont really have checkout page file and so not able to edit/override the checkout page so please if anyone can help me on how to set the default div from col-1 to be col-12 would be much appreciable. Thanks.
i have created my own theme for my woocommerce store i'm facing a layout issue in the checkout page, after debugging in chrome tools somehow i find out that the default main div is set to col-1 and if i were to edit it to col-12 that would fix the issue here however i'm using shortcode to use the woocommerce checkout functionality so i dont really have checkout page file and so not able to edit/override the checkout page so please if anyone can help me on how to set the default div from col-1 to be col-12 would be much appreciable. Thanks.
Share Improve this question asked May 23, 2018 at 18:27 OT AMDOT AMD 951 gold badge1 silver badge4 bronze badges2 Answers
Reset to default 0this solves the issue here:
.woocommerce .col-1, .woocommerce .col-2 {
max-width:none;
}
You can make changes in the HTML structure of checkout page by making changes in checkout template of WooCommerce.
WooCommerce provides the feature to overwrite its default templates by adding template files in your active theme and making changes in those files.
Refer WooCommerce docs: https://docs.woocommerce/document/template-structure/
If you have the WooCommerce template in your theme then WooCommerce will call that template instead of calling the template from WooCommerce plugin.
本文标签： theme developmenthow to edit woocommerce checkout page
版权声明：本文标题：theme development - how to edit woocommerce checkout page 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://it.en369.cn/questions/1749178078a2328137.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论