Question

我正在WooCommerce网站上工作，现在我正在制作该网站的移动版本。

如果您访问移动设备上的网站，则会加载自定义主题（我是从头开始制作）。（使用Any Mobile Theme Switcher插件）

我的问题是，WooCommerce不会在移动主题上加载javascript文件。这导致了：

- 搜索栏无法正常工作

-orderby下拉列表根本不起作用

- 切换付款方式时的结帐页面 - 说明框不会改变

在桌面版上一切正常。

网站SHOP网址：http://nectness.com/trgovina/

要查看Chrome上的移动版本，只需检查网站，切换设备模式，刷新和移动版本就会显示。

搜索栏应与桌面版本完全相同，其他所有内容都应该如此，但它无法正常运行。

Answer 1

    I have check your http://nectness.com/trgovina/ site
    All functionality work in responsive (mobile view) but broke design broke in mobile view (responsive view)

    1) First change responsive view css for eight columns  class in header section 
      please remove width : 47% ; please giver width :100% for eight columns
    2) set responsive view css for footer-first,fc1i2,fc3,footer-last,footer-bottom copy
    i Hope you understand .No any issues in woocommerce functionality but design problem in mobile layout view (Responive view)

Not changes in Desktop css but write css in responsive css
ex.
@media screen and (min-width: 400px)  {here write css so changes look in mobile and tablet lanscape}
@media screen and (min-width: 600px)  {here write css so changes look in tablet }
@media screen and (min-width: 1000px) {here write css so changes look in big tablet }
@media screen and (min-width: 1400px) {...}
    Thanks 
    Maulik

Answer 2

问题解决了！这只是一个愚蠢的错误......我忘了在移动主题footer.php文件中添加wp_footer。

如果您正在开发自己的WP主题，请确保在header.php和footer.php中添加wp_head和wp_footer

Woocommerce不会加载javascript

2 个答案: