如何给magento的产品页面添加返回按钮

第一步：

打开

E:\xampp\htdocs\magento\skin\frontend\default\bluescale\css\styles.css

在底部添加返回按钮css代码，如下：

/* Back Button */

.product-back {

text-align: right

padding: 8px 24px 10px 0

}

第二步：

打开

app\design\frontend\default\default\template\catalog\product\view.phtml

在适当的地方添加红色部分代码就可以了。（红色代码可以放在你自己想要的位置，不一定是和我这样。）

//]]>

</script>

</div>

<div class="product-back">

<a href="javascript:history.back()" class="form-button-alt" ><?php echo $this->__('Back') ?></a>

</div>

<div class="product-collateral">

第三步：

保存更改的文件，刷新你的浏览器。

<div id="goTopBtn" title="Top" style="bottom: 130px">

</div>

<script type="text/javascript">

    $(window).scroll(function () {

        var sc = $(window).scrollTop()

        var rwidth = $(window).width() //当前页面宽度

        var iwidth = $("#goTopBtn").width() //top图片宽度

            var swidth = (rwidth - 980) / 2 //计算主体内容距离左边框空白区宽度

            if (sc > 0) {

                $("#goTopBtn").css("display", "block")

                $("#goTopBtn").css("left", (980 + swidth) + "px")

            } else {

                $("#goTopBtn").css("display", "none")

            }

        }

      

    $("#goTopBtn").click(function () {

        var sc = $(window).scrollTop()

        $('body,html').animate({ scrollTop: 0 }, 500)

    })

</script>

这个是一个返回键的<这个符号

  <svg width="42" height="42">

                        <polyline

                        points="25,13 16,21 25,29"

                        stroke="#fff"

                        strokeWidth="2"

                        fill="none"

                        ></polyline>

                    </svg>

这个是一个圆圈里面一个×

<i className="search-clean">

                    

                </i>

document.querySelector(`[data-cate='${alpha}']`)

            .scrollIntoView()

---