编码最近查看的项目,然后我将其插入到HTML中

时间:2014-02-03 18:59:38

标签: javascript jquery html e-commerce items

我知道这听起来很混乱。基本上对于电子商务商店,我需要将最近查看的项目垂直显示在我的页面的左侧或右侧或两者中。问题是我无法弄清楚如何编码。我认为脚本将使用javascript,然后在我需要的页面上通过HTML调用。我不是100%肯定从哪里开始,很乐意欣赏任何帮助。我知道这是一个黑暗中的镜头,但我必须尝试一些东西。认为这里非常聪明的人可能能够为我解决这个谜团。如果有任何帮助,我正在建立这个商店的电子商务网站是Volusion。如果您有任何问题,我很乐意回答。谢谢。

我应该让你知道,我知道HTML的基础知识,但不足以从头开始写,所以任何帮助都必须要解释。我只需要为我的客户解决这个问题。谢谢。

3 个答案:

答案 0 :(得分:0)

为此你需要PHP。您可以设置Cookie,然后按照link

中的说明查看它们

答案 1 :(得分:0)

您需要将最近查看过的产品存储在会话中(或存储在Cookie中)。

这是存储(和检索)该信息的一种潜在资源:http://www.quirksmode.org/js/cookies.html

有了这个,您应该能够将适当的HTML注入您的页面。

答案 2 :(得分:0)

我知道这已经得到了回答,但我想详细说明那些仍然遇到麻烦的人,特别是因为似乎没有人(除了OP)考虑到他正在使用Volusion。

所以,对于第一个答案,我想指出,不,不需要PHP来做这件事,因为这是一个卷曲问题,你绝对不想尝试解决它在PHP中,因为他们的服务器不支持PHP ...

另一个答案肯定是在正确的轨道上,除了我想指出volusion已经提供了这个功能并且已经将信息存储在cookie中所以没有任何理由来创建你自己的

我建议在JavaScript中这样做;但是,在您尝试自定义代码解决方案之前,请查看以下链接:

Volusion's "My Recent History Widget" - Displaying A Customers Recently Viewed Products

您可以使用JavaScript操作此功能,并在客户端更改页面上的位置,和/或更改它们插入页面的实际html代码。


或者,如果您想使用更加个性化的解决方案,请阅读以下内容:


Volusions Software Cookies; Including Functionality Cookies

  

功能Cookie

     

这些cookie用于Volusion提供的一些更强大的功能。您可以禁用这些功能,以防止这些cookie存储在客户的浏览器中。

     

History50 - 此Cookie存储客户在商店中查看的最后商品的ProductID。此Cookie用于控制“我的近期历史记录”功能,当客户浏览您的网站时,该功能可设置为显示在所有产品页面的底部..."

要使用JavaScript访问Cookie信息,您可以使用以下代码:



    function getCookie(name) {
      var name = cname + "=";
      var ca = document.cookie.split(';');
      for (var i = 0; i < ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0) == ' ') c = c.substring(1);
        if (c.indexOf(name) == 0) return c.substring(name.length, c.length);
      }
      return "";
    }
&#13;
&#13;
&#13;
为那些可能是初学者

的人解释上述代码
  1. 将cookie名称指定为参数(cname)
  2. 创建变量(名称)并包含您要搜索的内容(cname +&#34; =&#34;)
  3. 将分号上的document.cookie拆分为数组并调用此ca(ca = document.cookie.split(&#39 ;;&#39;))。
  4. 遍历刚创建的数组(i = 0; i&lt; ca.length; i ++)
  5. 读出每个值(c = ca [i])
  6. 如果找到了cookie,它将返回它的值。
  7. 如果不是,它将返回&#34;&#34; (空)
  8. 您希望将该脚本放在页面的某个部分...... 稍后,当您想要实际使用数据时,您将要使用以下内容:

    &#13;
    &#13;
        var x = getCookie("cookiename")
    if (x) {
    [do whatever you want with x here]
    }
    &#13;
    &#13;
    &#13;

    显然,这不是您用于创建自定义最近查看过的产品窗口小部件的确切代码,但是,它会为您提供所需的概念。

    快速谷歌搜索&#34;在JavaScript中使用Cookie&#34;将返回比您可能使用的更多信息。