如何编辑WooCommerce结账页面

时间：2018-05-23 作者：OT AMD

我已经为我的woocommerce商店创建了自己的主题我在结账页面上遇到了一个布局问题，在chrome tools中进行调试后，我发现默认的主div设置为col-1，如果我将其编辑为col-12，则可以解决此问题。然而，我使用的是shortcode来使用woocommerce签出功能，因此我没有签出页面文件，因此无法编辑/覆盖签出页面，因此，如果有人可以帮助我从col-1设置默认div，请帮助我成为col-12将是非常可观的。谢谢

enter image description here

2 个回复
最合适的回答,由SO网友:OT AMD 整理而成

这就解决了以下问题：

.woocommerce .col-1, .woocommerce .col-2 {
        max-width:none;
}

SO网友:dhirenpatel22

您可以通过更改WooCommerce的签出模板来更改签出页面的HTML结构。

WooCommerce提供了通过在活动主题中添加模板文件并对这些文件进行更改来覆盖其默认模板的功能。

参考WooCommerce文件：https://docs.woocommerce.com/document/template-structure/

如果您的主题中有WooCommerce模板，那么WooCommerce将调用该模板，而不是从WooCommerce插件调用该模板。

结束
标签： theme-development   customization   woocommerce-offtopic   shortcode   小码农  

相关推荐

menu customization

我正在我的页面上使用高级主题。该主题在整个站点中只接受一个菜单。该网站是一个单页网站。主题的工作方式是，我们必须建立一个主页，然后使用菜单项来制作网站的各个部分。因此，我创建了一个菜单，其中包含我想要的所有部分，使用我创建的页面已经设置为部分。例如：我有主页、照片、视频等。这些都是单独的页面，但当我将它们作为菜单的一部分时，它们将在一个页面中显示在另一个页面的下方，菜单项将滚动到该页面上的锚定位置。许多主题都是这样工作的。My problem is :我需要翻译菜单或设置另一个页面（不是作为节，而是一个正