如何在网站上的其他页面添加元素？

Question

我正在尝试将商品添加到我网站上的“购物车”页面上。我完成了购物车的编码，并提供了可以在其中100％使用的示例。唯一的问题是将项目添加到“ cart.html”页面。

我似乎无法弄清楚该怎么做。我对此进行了很多研究，发现的所有内容都是基于与我认为难看的产品位于同一页面的购物车。

这是我的购物车部分。每个项目都在“产品”类别下。我有一个名为“ accounts.html”的页面，我希望实际的产品是这样。

                <section id="cart"> 
                    <article class="product">
                        <header>
                            <a class="remove">
                                <img src="http://www.astudio.si/preview/blockedwp/wp-content/uploads/2012/08/1.jpg" alt="">

                                <h3>Remove</h3>
                            </a>
                        </header>

                        <div class="content">

                            <h1>[Rainbow Six] Standard Edition</h1>

                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Soluta, numquam quis perspiciatis ea ad omnis provident laborum dolore in atque.

                        </div>

                        <footer class="content">
                            <span class="qt-minus">-</span>
                            <span class="qt">2</span>
                            <span class="qt-plus">+</span>

                            <h2 class="full-price">
                                $29.98
                            </h2>

                            <h2 class="price">
                                $14.99
                            </h2>
                        </footer>
                    </article>

                    <article class="product">
                        <header>
                            <a class="remove">
                                <img src="http://www.astudio.si/preview/blockedwp/wp-content/uploads/2012/08/3.jpg" alt="">

                                <h3>Remove</h3>
                            </a>
                        </header>

                        <div class="content">

                            <h1>[Rainbow Six] Deluxe Edition</h1>

                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Soluta, numquam quis perspiciatis ea ad omnis provident laborum dolore in atque.

                        </div>

                        <footer class="content">

                            <span class="qt-minus">-</span>
                            <span class="qt">1</span>
                            <span class="qt-plus">+</span>

                            <h2 class="full-price">
                                $79.99
                            </h2>

                            <h2 class="price">
                                $79.99
                            </h2>
                        </footer>
                    </article>

                    <article class="product">
                        <header>
                            <a class="remove">
                                <img src="http://www.astudio.si/preview/blockedwp/wp-content/uploads/2012/08/5.jpg" alt="">

                                <h3>Remove</h3>
                            </a>
                        </header>

                        <div class="content">

                            <h1>[Rainbow Six] Complete Edition</h1>

                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Soluta, numquam quis perspiciatis ea ad omnis provident laborum dolore in atque.

                        </div>

                        <footer class="content">

                            <span class="qt-minus">-</span>
                            <span class="qt">3</span>
                            <span class="qt-plus">+</span>

                            <h2 class="full-price">
                                $53.99
                            </h2>

                            <h2 class="price">
                                $17.99
                            </h2>
                        </footer>
                    </article>

                </section>

我希望能够在“ accounts.html”中单击“添加到购物车”，并将其显示在“ cart.html”中。