动态内容而不是不断重新加载

时间:2015-10-16 12:51:34

标签: javascript jquery html css

在我们的在线时尚商店http://www.showstyle.lu我是网站管理员,试图改善用户体验视角。我终于设法使用切换工具为我们的过滤器(点击任何类别:例如Homme),你可以看到你点击Couleurs / Tailles等所有的过滤器出现(它们曾经永久显示,看起来没有看起来aesthethic)。

现在,问题在于选择过滤器,然后重新加载页面以过滤产品。每次过滤器然后切换回来当然是多余的,必须重新点击每个过滤器并查看过滤器的选择。

有没有办法让中心内容容器像php一样刷新,其中网站的其余部分保持静态?或者,如果网址具有"%filter%*****"或者我可以至少强制切换保持打开状态。在它?

我们正在使用一个名为SEOshop的电子商务平台,因此我无法访问网站上的每个脚本/索引页面,但我可以访问很大一部分。

过滤器适用于从后端生成,因此在html代码中,占位符只是:

 {% for filter in collection.filters.custom %} <a class="filtertitle" href="javascript:;">
    <p>{{ filter.title }}</p>
    </a> 
    {% for value in filter.values %}
        <div class="filterbox2">
              <div class="sidebar-filter-item clearfix">
                <input id="filter_{{ value.id }}" type="checkbox" name="filter[]" value="{{ value.id }}" {% if value.active %} checked="checked"{% endif %} />
                <label for="filter_{{ value.id }}">{{ value.title }}{% if not value.active and value.has_count %} <span>({{ value.count }})</span>{% endif %}</label>
              </div>
        </div> 
    {% endfor %}
    {% endfor %}
    </form>
    </div>

另一个话题是,是否可以让切换打开弹出窗口?看起来像这样:https://dl.dropboxusercontent.com/u/5636466/showstyle/mockup_filters.png

感谢您的帮助,我将继续我的研究并发布我的尝试/我发现的任何事情:)

1 个答案:

答案 0 :(得分:0)

如果你只想重新加载网站的某个特定部分,那么就没有办法只用php来做。您要做的是要求ajax请求加载数据而不重新加载页面和javascript以确定它应该显示在哪里(我建议查看像这样的角度框架)。我对你的网站后端一无所知,但我猜这不是一个微不足道的变化,需要你去了解这些事情。