Tag: wordpress

在WooCommerce变量产品单页中获取所选的产品变体ID

对于我的Woocommerce变量产品，我在单个产品页面上实现了自定义大小的选择器，并在表格中具有以下尺寸： 这些变化只是： 30B 30C 30D而不是分成： 30和B C D 我想弄清楚的是：如何抓住每个产品变化的运输类？ 我在购物车页面上有类似的内容，但我不知道变体ID是什么或如何从单个产品页面获取它： $product_id = ( 0 != $cart_item[‘variation_id’] ) ? $cart_item[‘variation_id’] : $cart_item[‘product_id’]; // need the variation id for the above to be able to do the rest: $product_shipping_classes = get_the_terms( $product_id, ‘product_shipping_class’ ); $product_shipping_class_name = ( $product_shipping_classes && ! is_wp_error( $product_shipping_classes ) ) ? current( $product_shipping_classes […]

按值或ID选择更多复选框

我有这个代码，我想创建一个切换按钮来选择2个或更多复选框，例如“意大利和德国”。 我正在尝试这个代码，但我不能让它工作 $(document).on(‘click’, ‘.checkbox_button’, function(e) { var $checks = $(“input:checkbox[value=Italy]”).attr(“checked”, true); var $checks = $(“input:checkbox[value=Germany]”).attr(“checked”, true); $checks.prop(‘checked’, !$checks.is(‘:checked’)) e.stopPropagation(); }); Toggle 任何帮助表示赞赏。 谢谢

jScrollPane滚动条问题

我正在使用Wordpress作为CMS的网站上工作，我想在我的网站上使用div内的自定义滚动条。 我一直在尝试使用jScrollPane插件，但是我无法使用它。 主要代码在我的header.php文件中，并且有一个类.scroll-pane，header.php中的相关代码是： .scroll-pane { width: 100%; height: 280px; overflow: auto; } <script src="/js/jquery-1.3.2.min.js”> <link type="text/css" href="/style/jquery.jscrollpane.css” rel=”stylesheet” media=”all” /> <script type="text/javascript" src="/js/jquery.mousewheel.js”> <script type="text/javascript" src="/js/jquery.jscrollpane.min.js”> var $j = jQuery.noConflict(); $j(document).ready(function() { $(‘.scroll-pane’).jScrollPane({showArrows: true}); }); page.php文件： WP loop goes here CSS: .newsBox{height:280px; overflow: auto;} 我收到以下错误（被firebug捕获）： ” $(“.scroll-pane”).jScrollPane is not a function $(‘.scroll-pane’).jScrollPane({showArrows: true}); ” 我认为问题在于函数，所以我尝试了各种post和论坛的一些建议，包括： […]

WooCommerce WordPress – 样品/ Swatch额外的购物车按钮

我想在产品页面上的“添加到购物车”旁边添加一个按钮，在单击时将“-sample”添加到产品url。 例： 您正在查看产品1的页面，其URL是“ http://www.example.com/shop/product-1/ ” 当您单击该按钮时，它会将“-sample”添加到URL“ http://www.example.com/shop/product-1-sample/ ” 我怎样才能做到这一点？ 谢谢

在jquery.js加载到WordPress站点后加载javascript代码

我在WordPress网站的主页上有一个自定义的基于jquery的滑块。 我在我的主题的functions.php文件中使用下面的代码加载jQuery（jquery.js）和滑块js（jquery.advanced-slider.js）。 function my_load_scripts() { if (!is_admin()) { wp_enqueue_script(“jquery”); if (is_home()) { wp_enqueue_script(‘theme-advanced-slider’, get_template_directory_uri().’/js/jquery.advanced-slider.js’, array(‘jquery’)); wp_enqueue_script(‘theme-innerfade’, get_template_directory_uri().’/js/innerfade.js’, array(‘jquery’)); } } } add_action（’wp_enqueue_scripts’，’my_load_scripts’）; 现在我把下面的代码放在我的header.php文件BEFORE wp_head（）; var $j = jQuery.noConflict(); $j(document).ready(function () { //Slider init JS $j(“.advanced-slider”).advancedSlider({ width: 614, height: 297, delay: 1000, pauseRollOver: true }); }); 这里显而易见的是我的jquery.js和jquery.advanced-slider.js在上面的JavaScript代码之后加载，因此我的滑块不起作用。 如果我把它放在wp_head（）之后调用 ，滑块就可以了。 但是，如果我把它放在wp_head（）之后就不会是黑客攻击吗？ 我希望我的代码干净。 正如二十四岁的主题清楚地说的那样 /* Always have wp_head() […]

输出要在HTML中使用的JavaScript变量

我正在尝试创建一个javascript / html产品配置器，我希望在下一阶段有几个阶段和输出变量，让我们说： 我正在配置一辆车，第一步我选择颜色，颜色输出到下一个阶段，车轮，（我建造它，所以配置器的每个阶段使用不同的页面）作为我选择车轮颜色，我可以看到汽车的其余部分显示我之前选择的颜色，依此类推2个阶段，所以现在我很满意我的汽车，我想通过确认确认一份报告应该在我所做的所有选择之后输出。过程，如下： Color:Black Rims:White Interior: Black Leather Special: Vinil “Carbon Fiber” Hood Effect 我认为如果这一切都在同一页面完成会更容易，但问题是，即时通讯使用wordpress与龙门架，它有这个惊人的灯箱，我用它来使它更美丽，我输入一个链接： Configurator 当用户点击时，会弹出一个灯箱，其中包含configurator.htm中的所有内容，其中包含有关我的配置程序，HTML以及CSS和JavaScript的所有内容。 所以，如果我有： configurator_color.htm configurator_wheels.htm configurator_interior.htm configurator_special.htm configurator_results.htm 我可以将变量从第一个输出到第二个，输入第三个……依此类推，所以我可以输出结果页面中的所有内容吗？ 另外，我读到了局部变量和全局变量以及全局变量可能导致的问题，例如，我使用配置器而另一个用户同时使用配置器，如果变量是全局的，如果我选择黑色，他的选择将转向黑色，反之亦然？ 假设我们在不同的计算机上这样做，当然。 为了防止这种情况，可以将局部变量输出到配置器的以下步骤吗？ 怎么样？ 作为Isaid，我对javascript很新，所以它似乎很容易做或不可能的事情，如果不可能只是告诉我，我会尝试找到一个解决方法，但我认为它可能，我见过类似的配置器，我只是不知道他们是如何做到的。

在jquery中使用php include

我试图做的是在jquery append属性中使用php include 。 像这样的东西： $(‘a.popup[href^=#]’).click(function() { $(‘body’).append(”); 我的脚本是在一个php文件，服务器端，所以我可以完成这个，但我不知道如何去做。 当涉及到html，css等我可以在php文件中将它和php结合起来，但是当涉及到javascript时，它的引号会让我感到困惑，以及何时以及如何使用括号。 这可能听起来令人困惑lol。 无论如何，CDATA与它有什么关系？ 我以前从未使用它，但我应该至少学会它的使用。

隐藏字段的搜索框，直到下拉选择为止

我的Wordpress网站上有小部件，可以搜索我的自定义分类。 搜索表单还有4个其他选项：最小和最大价格以及最小和最大kw。 我想隐藏最小和最大kw输入字段，除非选择了某个选项或其子项。 我的表单只需要实现jquery 我不知道jquery但我找到了这个解决方案 ，我只是不确定如何实现它。 我的表格： <form role="search" method="get" id="equipfilter" action="/”> ‘exc_equipment_cat’, ‘name’ => ‘exc_equipment_cat’, ‘show_count’ => 1, ‘orderby’ => ‘name’, ‘hierarchical’ => true, ‘echo’ => 0, ‘walker’ => new Walker_SlugValueCategoryDropdown ); /* wp_dropdown_categories( $dropdown_args ); */?> <?php $select = wp_dropdown_categories($dropdown_args); $select = preg_replace("#]*)>#”, “”, $select); echo $select; ?> Kw Range: Price Range: jquery（更新到现在使用测试类别进行测试的地方，现在我只需要弄清楚 […]

未捕获的TypeError对象没有’sortable’方法

我已经找到了一些针对这个问题的修复程序，但它们并不具体。 我读过Sortable（）等简单的东西需要小写。 当然，我没有先将它设置为大写。 我已经有了这个工作，然后它突然决定在控制台中吐出以下内容Uncaught TypeError: Object [object Object] has no method ‘sortable’在线：210对应于： // 210行在下面 $（ ‘排序’）。排序（{ 停止：get_post_order }）disableSelection（）; //检查新订单 function get_post_order（）{ var post_list = []，pids; $（’。inner-pop-list li a’）。each（function（）{ pids = $（this）.attr（’rel’）; post_list.push器（PID）; }）; $（’。export’）。attr（’href’，’？format = pdf＆pids =’+ post_list）; } 它应该在重新排序列表后更新post_list数组。 get_post_order根本没有运行。 我已经尝试将函数直接添加到stop: function() {…}但仍然没有变化。 任何想法，我都很难过。 谢谢

在Woocommerce中显示或隐藏所选送货方式更改的html元素

我正在尝试根据所选的送货方式显示/隐藏我的结帐页面中的一些元素。 我试图显示/隐藏的页面元素来自另一个插件，因此我尝试更改它们的显示属性。 我看过很multithreading： 根据Woocommerce 3中的送货方式显示或隐藏结帐字段 但它适用于结帐字段，我不知道如何为页面元素执行此操作。 然后基于这个答案线程这是我的代码到目前为止： add_action( ‘wp_footer’, ‘conditionally_hidding_order_delivery_date’ ); function conditionally_hidding_order_delivery_date(){ // Only on checkout page if( ! is_checkout() ) return; // HERE your shipping methods rate ID “Home delivery” $home_delivery = ‘distance_rate_shipping’; ?> jQuery(function($){ // Choosen shipping method selectors slug var shipMethod = ‘input[name^=”shipping_method”]’, shipMethodChecked = shipMethod+’:checked’; // Function that shows or […]