【问题标题】:Show Cart Symbol next to Menu Toggle?在菜单切换旁边显示购物车符号?
【发布时间】:2018-08-18 00:46:15
【问题描述】:

我有一个不知道如何解决自己的小问题。我使用插件来显示具有下拉效果的自定义购物车符号。现在我想融入我的主题。插件提供简码。我尝试以这种方式使用 php 放置简码:

<?php echo do_shortcode("[nwadcart_widget]"); ?>

但似乎显示在内部菜单切换下。我想在下面显示切换如下图:

这是来自我的主题 Remix 的代码,来自 header.php

<div class="menu-toggle">

            <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 18" enable-background="new 0 0 18 18" xml:space="preserve">

                <rect y="3" width="18" height="2"  class="svgfill"></rect>

                <rect y="8" width="18" height="2"  class="svgfill"></rect>

                <rect y="13" width="18" height="2"  class="svgfill"></rect>

            </svg>

        </div>

我还注意到有可能在那个地方显示社交图标。这是显示社交图标的代码,因此可以将短代码放在那里。

<ul class="social-networks">

<?php foreach($iron_croma_social_icons as $icon): ?>

    <li>

        <a target="_blank" href="<?php echo esc_url($icon["social_media_url"]); ?>">

             <?php if(!empty($icon["social_media_icon_url"])): ?> 

                /*<img src="<?php echo esc_url($icon["social_media_icon_url"]); ?>" style="max-height:50px;">*/
                <?php echo do_shortcode("[nwadcart_widget]"); ?>

            <?php else: ?>

                <i class="fa fa-<?php echo esc_attr($icon["social_media_icon_class"]); ?>" title="<?php echo esc_attr($icon["social_media_name"]); ?>"></i>

            <?php endif; ?>

        </a>

    </li>



<?php endforeach; ?>    



</ul>

如果有人需要查看我的网站URL

【问题讨论】:

标签: css wordpress plugins woocommerce cart


【解决方案1】:

如果您想通过 css 添加,那么这将很有帮助

a.wpmenucart-contents {
    position: fixed !important;
    top: 20px !important;
    right: 70px !important;
}

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2012-08-05
    • 2021-09-20
    • 1970-01-01
    • 2018-08-11
    • 1970-01-01
    • 2016-07-24
    • 1970-01-01
    • 2012-05-03
    相关资源
    最近更新 更多