在菜单切换旁边显示购物车符号?

时间:2018-03-09 12:29:33

标签: css wordpress plugins woocommerce cart

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

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

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

enter image description here

这是我的主题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

1 个答案:

答案 0 :(得分:0)

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

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