0
A
回答
0
經過一些反覆試驗,我寫下了這段代碼,並將其添加到 的wp-content\plugins\variation-swatches-for-woocommerce\assets\js\frondend.js
文件中。
在onclick事件的結束
/*
* Not Available display Hack
*/
var which = $el.closest('.value').parent('tr').siblings(); which.removeClass('curr-select');
which.toggleClass('curr-select');
var available_value_select = $('.curr-select .value').find('select'),
other_swatches = which.find('.swatch');
other_swatches.removeClass('tawvs-no-stock');
if($el.hasClass('selected')) {
setTimeout(function() {
other_swatches.each(function(index, el) {
console.log($(this).data('value') +' - '+ available_value_select.find('option[value="' + $(this).data('value') + '"]').val() +' - '+ available_value_select.find('option[value="' + $(this).data('value') + '"]').length);
if(!available_value_select.find('option[value="' + $(this).data('value') + '"]').length && !$(this).hasClass('selected'))
$(this).addClass('tawvs-no-stock');
});
},200);
// console.log(available_value_select);
}
/*
* Not Available display Hack
*/
例如添加以下代碼:
$form
.addClass('swatches-support')
.on('click', '.swatch', function (e) {
// code here
})
同樣在wp-content\plugins\variation-swatches-for-woocommerce\assets\css\frondend.css
.tawvs-no-stock:before, .tawvs-no-stock:after {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
content: "";
width: 0px;
height: 26px;
display: block;
border: solid #F44336;
border-width: 0 2px 2px 0;
position: absolute;
top: 6px;
left: 18px;
}
.tawvs-no-stock:after {
transform: rotate(-45deg);
}
添加的橫出這個CSS代碼加入這個代碼後3210
結果摘錄
相關問題
- 1. 隱藏的變化,不匹配Woocommerce
- 2. WooCommerce變化屬性標籤
- 3. 獲取Woocommerce變化屬性
- 4. WooCommerce獲取屬性縮略圖 - 變體色板和照片插件
- 5. 匹配跨越多條線的標記
- 6. 變化woocommerce產品屬性URL
- 7. 如何匹配輸出跨越幾行
- 8. xslt模板標籤匹配屬性的變量
- 9. WooCommerce改變屬性蛞蝓
- 10. 配置文件的多屬性匹配
- 11. WooCommerce一個頁結帳不顯示屬性或變化
- 12. Woocommerce在與屬性匹配的類別中列出產品
- 13. WooCommerce插件模板覆蓋
- 14. jQuery改變插件屬性
- 15. 跨線程分配屬性
- 16. 跨配方訪問屬性
- 17. XPath:匹配不同節點的屬性
- 18. 與綁定屬性故事板(自定義控件:動畫顏色變化)
- 19. 變化「的」屬性
- 20. Woocommerce屬性
- 21. 線性漸變與它所屬的元素不匹配
- 22. Silverlight控件模板顏色屬性
- 23. 在ASP.NET MVC中跨越多個「/」的匹配URL參數
- 24. DataGridTextColumn越來越DataContext屬性
- 25. 會話變量不能跨越
- 26. PHP會話變量不跨越
- 27. Woocommerce - 變化
- 28. numpy中跨越顏色通道的規範化
- 29. 插入/更新可伸縮性(搜索越來越長的列表更新匹配站不住腳)
- 30. 複製文件,如果屬性匹配