[wordpress插件] BC Menu Bar Cart Icon For WooCommerce By Binary CarpenterWooCommerce的BC菜单栏购物车图标通过Binary Carpenter

wordpress 插件文章 2020-03-02 01:30 556  0 全屏看文

小编 VIP3

AI助手支持GPT4.0

评分

100

描述

If you want to add a cart icon to your WooCommerce site navigation menu, footer, sidebar, this is the plugin for you.

如果要将购物车图标添加到WooCommerce网站导航菜单，页脚，侧边栏，则这是适合您的插件。

How to add cart icon in just a few minutes

如何在短短几分钟内添加购物车图标
<p><span class=“ embed-youtube” style=“ text-align：center; display：block;”> <iframe class='youtube-player'type='text / html'width='640'height='360' <p/><p>src='https://www.youtube.com/embed/ZmmDNgI39Vs?version=3&rel=1&fs=1&autohide=2&showsearch=0&showinfo=1&iv_load_policy=1&wmode=transparent' allowfullscreen='true' style='border:0;'><<p/><p>src ='https：//www.youtube.com/embed/ZmmDNgI39Vs？version = 3＆rel = 1＆fs = 1＆autohide = 2＆showsearch = 0＆showinfo = 1＆iv_load_policy = 1＆wmode = transparent'allowfullscreen ='true'style ='border：0;'> < <p/><p>/iframe></span><p/><p>/ iframe> </ span><p/><p><h3>Why do you need a menu bar cart icon?</h3><p/><p><h3>为什么需要菜单栏购物车图标？</ h3><p/><p><p>Having a cart icon on the navigation menu or in the footer, header, sidebar can quickly show the cart content (items that the customers have added to their cart) is vital to every WooCommerce store.<br /><p/><p><p>在导航菜单或页脚，页眉，侧边栏中具有购物车图标，可以快速显示购物车内容（客户已将其添加到购物车中的项目）对于每个WooCommerce商店都是至关重要的。<br /><p/><p>Not all themes support this feature.<p/><p>并非所有主题都支持此功能。<p/><p>In themes that support this feature, not many of the do a good job display the cart icon and<br /><p/><p>在支持此功能的主题中，没有很多工作可以很好地显示购物车图标和<br /><p/><p>the list of items in the WooCommerce cart.</p><p/><p>WooCommerce购物车中的商品列表。</ p><p/><p><p>That’s why you need BC WooCom Menu Bar Cart Icon for WooCommerce</p><p/><p><p>这就是为什么需要WooCommerce的BC WooCom菜单栏购物车图标</ p><p/><p><p>Now, no matter what theme you are using, you can easily add the cart icon to your site.<p/><p><p>现在，无论您使用什么主题，都可以轻松地将购物车图标添加到您的网站。<p/><p>You can select any position to put the cart icon.<p/><p>您可以选择任何位置放置购物车图标。<p/><p>You can also create multiple designs to fit the particular navigation menu.<br /><p/><p>您还可以创建多个设计以适合特定的导航菜单。<br /><p/><p>There are many plugins that let you create shopping cart icon in the navigation menu, however, most of them limit you to the number of cart icons you can select or number of designs you can have.<p/><p>有许多插件可让您在导航菜单中创建购物车图标，但是，大多数插件将您限制为可以选择的购物车图标数量或设计数量。<p/><p>None of those limit exists<br /><p/><p>这些限制都不存在<br /><p/><p>in BC Menu Bar Cart Icon.</p><p/><p>在BC菜单栏购物车图标中。</ p><p/><p><h3>The Only WC Menu Bar cart icon plugin you need</h3><p/><p><h3>您需要的唯一的WC菜单栏购物车图标插件</ h3><p/><p><ul><p/><p><ul><p/><p><li>It allows you to select multiple shopping cart icons.<p/><p><li>它允许您选择多个购物车图标。<p/><p>There are up to 12 cart icons for your to select</li><p/><p>您最多可以选择12个购物车图标</ li><p/><p><li>It helps you add cart icon with the circle that displays the current number of items in the cart</li><p/><p><li>它可帮助您添加带有圆圈的购物车图标，以显示购物车中当前的物品数量</ li><p/><p><li>It allows you to select different design.<p/><p><li>它允许您选择不同的设计。<p/><p>You can display or hide the cart.<p/><p>您可以显示或隐藏购物车。<p/><p>You can choose to display the cart amount and cart count.<p/><p>您可以选择显示购物车数量和购物车数量。<p/><p>It all depends on you.</li><p/><p>一切都取决于你。</ li><p/><p><li>It allows you to choose the cart icon color.<p/><p><li>它允许您选择购物车图标的颜色。<p/><p>There are no limit on what color you can use for your cart.</li><p/><p>您可以为购物车使用哪种颜色没有限制。</ li><p/><p><li>It allows you to display the cart icon any where.<p/><p><li>它使您可以在任何地方显示购物车图标。<p/><p>You can put the cart icon on the sidebar, footer using shortcode</li><p/><p>您可以使用简码将购物车图标放在侧边栏，页脚</ li><p/><p><li>It doesn’t matter what theme you are using.<p/><p><li>您使用什么主题都没有关系。<p/><p>You have awesome menu cart icon on any navigation menu as you desired</li><p/><p>您可以根据需要在任何导航菜单上添加超棒的菜单车图标</ li><p/><p><li>It lets you hide the cart icon provided by your theme if you want to do so</li><p/><p><li>如果需要，它可以让您隐藏主题提供的购物车图标</ li><p/><p></ul><p/><p></ ul><p/><p><p>All the above are free of charge.</p><p/><p><p>以上所有都是免费的。</ p><p/><p><h3>If you upgrade to the pro version, with a very attractive, handsome price you’ll get:</h3><p/><p><h3>如果升级到专业版，价格诱人，价格合理，您将获得：</ h3><p/><p><ul><p/><p><ul><p/><p><li>Display the content of the cart on cursor hover over the cart</li><p/><p><li>在光标悬停在购物车上方时显示购物车的内容</ li><p/><p><li>The cart content slide from right to left, from left to right when the cart icon is clicked</li><p/><p><li>点击购物车图标时，购物车内容从右向左滑动，从左向右滑动</ li><p/><p><li>Add and remove the item from that cart and it will update without page refresh</li><p/><p><li>从该购物车中添加和删除该商品，它将更新而无需刷新页面</ li><p/><p><li>You are not limited to just using icon for the cart icon, you can use images</li><p/><p><li>您不仅限于将图标用作购物车图标，还可以使用图像</ li><p/><p><li>Display cart’s subtotal in the items list.<p/><p><li>在商品列表中显示购物车的小计。<p/><p>The subtotal are updated as the product added and removed from the cart.</li><p/><p>小计会在添加产品和从购物车中移除时进行更新。</ li><p/><p><li>Items added and removed from cart are 100% via ajax and the loading effect is just amazing</li><p/><p><li>通过ajax从购物车中添加和删除的商品都是100％，加载效果非常惊人</ li><p/><p><li>The cart design is 100% responsive, works on all devices.</li><p/><p><li>购物车设计具有100％响应速度，可在所有设备上使用。</ li><p/><p><li>You can request features you want to include in the plugin</li><p/><p><li>您可以请求要包含在插件中的功能</ li><p/><p><li>Have the cart details slide from right to left</li><p/><p><li>让购物车详细信息从右向左滑动</ li><p/><p></ul><p/><p></ ul><p/><p><h3>Like the plugin?<p/><p><h3>喜欢插件吗？<p/><p>Please check out other plugins here</h3><p/><p>请在此处查看其他插件</ h3><p/><p><ul><p/><p><ul><p/><p><li><a href="https://wordpress.org/plugins/free-product-table-for-woocommerce/">WooCommerce Product Table</a></li><p/><p><li> <a href="https://wordpress.org/plugins/free-product-table-for-woocommerce/"> WooCommerce产品表</a> </ li><p/><p><li><a href="https://wordpress.org/plugins/custom-add-to-cart-button-for-woocommerce/">WooCommerce Customize Add To Cart Buttons</a></li><p/><p><li> <a href="https://wordpress.org/plugins/custom-add-to-cart-button-for-woocommerce/"> WooCommerce自定义添加到购物车按钮</a> </ li><p/><p><li><a href="https://wordpress.org/plugins/launchpage-app-importer/">LaunchPage.app Importer</a></li><p/><p><li> <a href="https://wordpress.org/plugins/launchpage-app-importer/"> LaunchPage.app导入器</a> </ li><p/><p><li><a href="https://wordpress.org/plugins/free-sales-funnel-squeeze-pages-landing-page-builder-templates-make/">Free Landing Page – Squeeze Page Builder</a<p/><p><li> <a href="https://wordpress.org/plugins/free-sales-funnel-squeeze-pages-landing-page-builder-templates-make/">免费登录页面-压缩页面生成器</ a <p/><p>></li><p/><p>> </ li><p/><p><li><a href="https://wordpress.org/plugins/woo-slider-pro-drag-drop-slider-builder-for-woocommerce/">WooSliderPro Drag and drop slider for WooCommerce</a><<p/><p><li> <a href="https://wordpress.org/plugins/woo-slider-pro-drag-drop-slider-builder-for-woocommerce/"> WooSliderPro WooCommerce的拖放滑块</a> < <p/><p>/li><p/><p>/ li><p/><p></ul><p/><p></ ul><p/><p><p>I write about <a href="https://www.binarycarpenter.com/" rel="nofollow">WooCommerce & WordPress Tutorials</a> here.<p/><p><p>我在此处撰写有关<a href="https://www.binarycarpenter.com/" rel="nofollow"> WooCommerce和WordPress教程</a>。<p/><p>Check it out.</p><p/><p>签出来。</ p><p/><p><h3>Checkout some great posts on my website</h3><p/><p><h3>在我的网站上查看一些很棒的帖子</ h3><p/><p><ul><p/><p><ul><p/><p><li><a href="https://www.binarycarpenter.com/create-woocommerce-composite-products/" rel="nofollow">WooCommerce composite products</a></li><p/><p><li> <a href="https://www.binarycarpenter.com/create-woocommerce-composite-products/" rel="nofollow"> WooCommerce复合产品</a> </ li><p/><p><li><a href="https://www.binarycarpenter.com/easy-ways-to-remove-woocommerce-breadcrumbs/" rel="nofollow">Remove WooCommerce breadcrumbs</a></li><p/><p><li> <a href="https://www.binarycarpenter.com/easy-ways-to-remove-woocommerce-breadcrumbs/" rel="nofollow">删除WooCommerce面包屑</a> </ li><p/><p><li><a href="https://www.binarycarpenter.com/woocommerce-force-sell-in-5-minutes/" rel="nofollow">WooCommerce Force Sells</a></li><p/><p><li> <a href="https://www.binarycarpenter.com/woocommerce-force-sell-in-5-minutes/" rel="nofollow"> WooCommerce强制销售</a> </ li><p/><p><li><a href="https://www.binarycarpenter.com/woocommerce-tickets-create-sell-in-5-minutes/" rel="nofollow">Create WooCommerce tickets</a></li><p/><p><li> <a href="https://www.binarycarpenter.com/woocommerce-tickets-create-sell-in-5-minutes/" rel="nofollow">创建WooCommerce票证</a> </ li><p/><p><li><a href="https://www.binarycarpenter.com/1-plugin-to-customize-woocommerce-related-products/" rel="nofollow">Customize WooCommerce Related Products</a></li<p/><p><li> <a href="https://www.binarycarpenter.com/1-plugin-to-customize-woocommerce-related-products/" rel="nofollow">自定义WooCommerce相关产品</a> </ li <p/><p>><p/><p>><p/><p><li><a href="https://www.binarycarpenter.com/the-ultimate-guide-to-woocommerce-product-shortcodes/" rel="nofollow">WooCommerce Product Shortcodes</a></li><p/><p><li> <a href="https://www.binarycarpenter.com/the-ultimate-guide-to-woocommerce-product-shortcodes/" rel="nofollow"> WooCommerce产品简称</a> </ li><p/><p><li><a href="https://www.binarycarpenter.com/the-ultimate-fix-to-woocommerce-not-sending-emails-problem-for-free/" rel="nofollow">WooCommerce not sending<p/><p><li> <a href="https://www.binarycarpenter.com/the-ultimate-fix-to-woocommerce-not-sending-emails-problem-for-free/" rel="nofollow"> WooCommerce无法发送<p/><p>emails fix</a></li><p/><p>电子邮件修复</a> </ li><p/><p><li><a href="https://www.binarycarpenter.com/woocommerce-dynamic-product-pricing-discount-the-ultimate-guide/" rel="nofollow">WooCommerce dynamic pricing</a></<p/><p><li> <a href="https://www.binarycarpenter.com/woocommerce-dynamic-product-pricing-discount-the-ultimate-guide/" rel="nofollow"> WooCommerce动态定价</a> </ </ <p/><p>li><p/><p>li><p/><p><li><a href="https://www.binarycarpenter.com/ultimate-woocommerce-table-rate-shipping-tutorial-use-cases/" rel="nofollow">Woocommerce table rate shipping plugin</a><p/><p><li> <a href="https://www.binarycarpenter.com/ultimate-woocommerce-table-rate-shipping-tutorial-use-cases/" rel="nofollow"> Woocommerce表费率发送插件</a> <p/><p></li><p/><p></ li><p/><p><li><a href="https://www.binarycarpenter.com/the-ultimate-guide-to-woocommerce-grouped-products/" rel="nofollow">WooCommerce grouped products tutorials</a></li<p/><p><li> <a href="https://www.binarycarpenter.com/the-ultimate-guide-to-woocommerce-grouped-products/" rel="nofollow"> WooCommerce分组产品教程</a> </ li <p/><p>><p/><p>><p/><p><li><a href="https://www.binarycarpenter.com/the-ultimate-guide-to-woocommerce-flat-rate-shipping/" rel="nofollow">Woocommerce flat rate shipping tutorial</a><p/><p><li> <a href="https://www.binarycarpenter.com/the-ultimate-guide-to-woocommerce-flat-rate-shipping/" rel="nofollow"> Woocommerce统一费率发货教程</a> <p/><p></li><p/><p></ li><p/><p><li><a href="https://www.binarycarpenter.com/how-to-customize-woocommerce-shop-page-in-5-minutes/" rel="nofollow">How to customize Woocommerce shop page<<p/><p><li> <a href="https://www.binarycarpenter.com/how-to-customize-woocommerce-shop-page-in-5-minutes/" rel="nofollow">如何自定义Woocommerce商店页面< <p/><p>/a></li><p/><p>/ a> </ li><p/><p><li><a href="https://www.binarycarpenter.com/the-ultimate-guide-to-woocommerce-shipping-classes/" rel="nofollow">WooCommerce shipping classes tutorial</a></li<p/><p><li> <a href="https://www.binarycarpenter.com/the-ultimate-guide-to-woocommerce-shipping-classes/" rel="nofollow"> WooCommerce运送类教程</a> </ li <p/><p>><p/><p>><p/><p><li><a href="https://www.binarycarpenter.com/excel-software-how-to-search-for-text-through-multiple-big-excel-files/" rel="nofollow">Search<p/><p><li> <a href="https://www.binarycarpenter.com/excel-software-how-to-search-for-text-through-multiple-big-excel-files/" rel="nofollow">搜索<p/><p>multiple excel files software</a></li><p/><p>多个Excel文件软件</a> </ li><p/><p></ul><p/><p></ ul><p/></div></fieldset><fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;"><legend>安装步骤</legend><div><p><p>Extract the zip file and just drop the contents in the wp-content/plugins/ directory of your WordPress installation and then activate the Plugin from Plugins page.</p><p/><p><p>解压缩该zip文件，然后将其内容拖放到WordPress安装的wp-content / plugins /目录中，然后激活“来自插件的插件”页面。</ p><p/></div></fieldset><fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;"><legend>下载地址</legend><div>https://downloads.wordpress.org/plugin/bc-menu-cart-woo.zip</div></fieldset> </div> <div class="row" style="text-align: center;color: grey;font-weight: 600;">-EOF-</div> <p> <a href="https://www.sanshu.cn/a/76065.html" target="_blank" type="button" class="layui-btn layui-btn-normal" style="width: 100%;color: whitesmoke;">AI助手支持GPT4.0</a> </p><br /> <blockquote class="layui-elem-quote" id="copyright"> <div> 原文出处:<a href="http://www.sanshu.cn/a/4187.html">http://www.sanshu.cn/a/4187.html</a> </div> </blockquote> <div class="fly-panel detail-box" id="flyReply"> <fieldset class="layui-elem-field layui-field-title" style="text-align: center;"> <legend>您还可能感兴趣的文章</legend> </fieldset> <ul class="jieda" id="jieda"> <li data-id="answer_list_7565" class="jieda-daan"> <a href="/a/7565.html">[wordpress插件] Client UI By Redolance客户端UI通过Redolance</a> </li> <li data-id="answer_list_5656" class="jieda-daan"> <a href="/a/5656.html">[wordpress插件] BSK Files ManagerBSK文件管理器</a> </li> <li data-id="answer_list_6160" class="jieda-daan"> <a href="/a/6160.html">[wordpress插件] Simple Contact Form简单联系表</a> </li> <li data-id="answer_list_3915" class="jieda-daan"> <a href="/a/3915.html">[wordpress插件] Bangla Number And Month孟加拉语编号和月份</a> </li> <li data-id="answer_list_158" class="jieda-daan"> <a href="/a/158.html">[wordpress插件] 360 Product Detait View360产品详细信息视图</a> </li> </ul> </div> </div> </div> <div class="layui-col-md4"> <div class="fly-panel"> <h3 class="fly-panel-title">国内超级便宜服务器</h3> <div class="layui-row fly-panel-main friend-link"> <a href="https://www.sanshu.cn/a/76091.html" style="color: red;">看看多便宜</a> </div> </div> <div class="fly-panel"> <h3 class="fly-panel-title">摸鱼人热门新闻聚合</h3> <div class="layui-row fly-panel-main"> <a href="http://www.moyuren.com/" style="color:#3d8ae3;font-weight: bold;" target="_blank">点我查看热门新闻聚合</a> </div> </div> <style>.fly-zanzhu-img img{width:100%;}</style> <div class="fly-panel"> <div class="fly-panel-title"> 钻级赞助商 <span class="fly-mid"></span> <a href="mailto:sasa514@vip.qq.com" class="fly-link fly-joinad ">我要加入</a> </div> <div class="fly-panel-main" style="padding: 13px 15px;" id="zzcontent"> </div> <script src="/static/js/zanzhushang.js"></script> </div> <div class="fly-panel"> <h3 class="fly-panel-title">开发者在线工具</h3> <div class="layui-row fly-panel-main"> <a href="http://www.devtools.cn/" style="color:#3d8ae3;font-weight: bold;" target="_blank">开发者在线工具</a> </div> </div> <div class="fly-panel"> <h3 class="fly-panel-title">第三方支付技术请加QQ群</h3> <div class="layui-row fly-panel-main friend-link"> <p>群主管理都是支付大佬</p> <a target="_blank" href="https://qm.qq.com/cgi-bin/qm/qr?k=cB5gB8XCMiWEBBZVBNNSijUC-vnGKmTR&jump_from=webapi"><img border="0" src="//pub.idqqimg.com/wpa/images/group.png" alt="微信支付交流群" title="微信支付交流群"></a> </div> </div> <div class="fly-panel" style="height: 400px;"> <div style="padding:10px"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-2144314048024814" data-ad-slot="8574354707" data-ad-format="auto" data-full-width-responsive="true"></ins> <script>(adsbygoogle =window.adsbygoogle ||[]).push({});</script> </div> <div style="clear: both;"></div> </div> <div class="fly-panel"> <h3 class="fly-panel-title">开发工具</h3> <div class="layui-row fly-panel-main" style="padding: 15px;"> <a href="http://www.devtools.cn/" target="_blank">开发者工具</a> <a href="http://www.hellojava.com/links/" target="_blank">Java程序员常用链接</a> </div> </div> <dl class="fly-panel fly-list-one"> <dt class="fly-panel-title">相关文章</dt> <dd> <a href="/article/7565.html">[wordpress插件] Client UI By Redolance客户端UI通过Redolance</a> </dd> <dd> <a href="/article/5656.html">[wordpress插件] BSK Files ManagerBSK文件管理器</a> </dd> <dd> <a href="/article/6160.html">[wordpress插件] Simple Contact Form简单联系表</a> </dd> <dd> <a href="/article/3915.html">[wordpress插件] Bangla Number And Month孟加拉语编号和月份</a> </dd> <dd> <a href="/article/158.html">[wordpress插件] 360 Product Detait View360产品详细信息视图</a> </dd> </dl><dl class="fly-panel fly-list-one"> <dt class="fly-panel-title">随便看看</dt> <dd> <a href="/article/32051.html">微信开放平台跟公众平台有什么区别？</a> <span> <i class="iconfont icon-pinglun1"></i> 2990</span> </dd> <dd> <a href="/article/40311.html">怎么添加小程序支付功能？</a> <span> <i class="iconfont icon-pinglun1"></i> 3525</span> </dd> <dd> <a href="/article/47949.html">教育科技公司申请微信支付被拒绝？</a> <span> <i class="iconfont icon-pinglun1"></i> 3857</span> </dd> <dd> <a href="/article/54989.html">微信公众号免300认证教程</a> <span> <i class="iconfont icon-pinglun1"></i> 4954</span> </dd> <dd> <a href="/article/54993.html">小程序已经上线，作为管理员无法在小程序数据助手查看数据？</a> <span> <i class="iconfont icon-pinglun1"></i> 4071</span> </dd> <dd> <a href="/article/54996.html">小程序广告组件通过审核，但是小程序内没有显示广告？</a> <span> <i class="iconfont icon-pinglun1"></i> 4152</span> </dd> <dd> <a href="/article/71028.html">企业微信通讯录账号被管理员误/恶意删除，怎么办？</a> <span> <i class="iconfont icon-pinglun1"></i> 8016</span> </dd> <dd> <a href="/article/71029.html">问题？</a> <span> <i class="iconfont icon-pinglun1"></i> 7254</span> </dd> <dd> <a href="/article/71030.html">如何快速搭建抽奖助手小程序(无需代码知识)</a> <span> <i class="iconfont icon-pinglun1"></i> 5037</span> </dd> <dd> <a href="/article/71031.html">许涛大哥在吗, 要解冻小程序的时候提示信息主体不一致, 能帮忙看下吗?</a> <span> <i class="iconfont icon-pinglun1"></i> 5991</span> </dd> </dl> </div> </div> </div> <link href="/static/hightlight/styles/monokai-sublime.css" rel="stylesheet"> <script src="/static/hightlight/highlight.pack.js"></script> <script>document.addEventListener('DOMContentLoaded',(event) =>{document.querySelectorAll('pre').forEach((block) =>{hljs.highlightBlock(block);});});</script> <script>var _bilioption={"container":".content","position":"self"};</script> <script asyn="asyn" src="/static/js/biliparse.js"></script> <script src="/static/js/app/article.js?11" type="text/javascript" charset="utf-8"></script> <script type="text/javascript">$(function(){layui.use(['carousel','form'],function(){var carousel =layui.carousel,form =layui.form;carousel.render({elem:'#test10' ,width:'50%' ,height:'440px' ,interval:5000 });}) }) $("#makeArticleWidth").click(function(){$("#detaildv").css({"width":"100%"}) $("#detaildv").find("table").css({"width":"100%"});}) $("#detaildv").find("a").each(function(a){var href =$(this).attr("href");if(window.document.location.host.indexOf(href)==-1 &&!$(this).attr("target")){$(this).attr("target","_blank");$(this).attr("rel","noreferrer");} }) </script> <script>var mediaRegex =[{"regex":"","controller":""},{"regex":"music.163.com\/#\/song\\\?id=(\\\d+)","controll":"<iframe frameborder=\"no\" border=\"0\" marginwidth=\"0\" marginheight=\"0\" width=330 height=86 src=\"//music.163.com/outchain/player?type=2&id={}&auto=1&height=66\">"}];jQuery(function(){$("#article_content").find("a").each(function(){var url =$(this).attr("href");for(var i=0;i"+c+"
");} } }) })



Copyright © 2019-2020 三叔博客 All rights reserved.苏ICP备19070400号 Powered By WeCenter 3.3.4

sitemap 部分文章来自于互联网，若有侵权，请联系我们删除