Question

Storefront 主题footer.php 文件具有将页脚小部件和页脚信用插入在一起的操作。这是代码部分

    <footer id="colophon" class="site-footer" role="contentinfo">
        <div class="col-full">

            <?php
            /**
             * Functions hooked in to storefront_footer action
             *
             * @hooked storefront_footer_widgets - 10
             * @hooked storefront_credit         - 20
             */
            do_action( 'storefront_footer' );
            ?>

        </div><!-- .col-full -->
    </footer><!-- #colophon -->

我想将 storefront_footer_widgets 部分移出容器 <div class="col-full"> 并将其插入到另一个容器正上方的新容器 <div class="new-row"> 中。所以新的结构是这样的：

<footer id="colophon" class="site-footer" role="contentinfo">
        <div class="new-row">
            @hooked storefront_footer_widgets - 10
        </div>
        <div class="col-full">
            @hooked storefront_credit         - 20
        </div><!-- .col-full -->
    </footer><!-- #colophon -->

我该怎么做？

Answer 1

你应该能够像这样拆分它。我没有测试，但它应该可以工作。

首先将这些添加到您子主题的 <script> $(document).ready(function(){ $("#rowcount-btn").click(function(){ var sum = 0; $('.rowcount').each(function() { if($(this).val()!="") { sum += parseFloat($(this).val()); } }); // result displayed in this input field $("#total").val(sum); // I added this, but it does not work. Its shows you what I am trying to achieve result = " $("#total").val(sum)"; }); }); </script>

<?php echo '<script>document.write(result)</script>';?>

然后您可以在自定义 functions.php

中调用它们

add_action( 'storefront_footer1', 'storefront_footer_widgets', 10 );
add_action( 'storefront_footer2', 'storefront_credit', 10 );

如何将 Storefront 主题页脚小部件移出页脚行？

1 个答案: