Question

我正在商店网站上工作，并且希望每个页面上显示的集合标题显示为“WOMEN＆gt; JEWELRY”等基本面包屑。我遇到的问题是每个收集页面上唯一显示的是“女人”。

我想根据当前页面网址将此文本更改为基本痕迹。例如，主要女性系列的网址为http://www.shopfashionworthy.com/collections/women，但个别女性珠宝产品的网址为http://www.shopfashionworthy.com/collections/women/jewelry。我想有一些方法说“如果网址是http://www.shopfashionworthy.com/collections/women/jewelry，请将收藏标题更改为WOMENS＆gt; JEWELRY”。希望我有意义。

收集标题的当前代码是：

<!-- START EXCERPT -->
<div id="excerpt">
<h1 class="title{% if collection.description.size > 0 %}
    {% else %} nodesc{% endif %}">{{ collection.title | escape }}</h1>
    {% if collection.description.size > 0 %}
{{ collection.description }}{% endif %}
</div>
<!-- END EXCERPT -->

Answer 1

您正在寻找window.location.pathname方法。

对于您提到的示例页面，它返回以下字符串：

/collections/women/jewelry

从这里开始，您可以运行search来查找字符串是否包含jewelry：

var thisString = window.location.pathname;

function doSearch(regex, string) {
  var findMatch = string.search(regex);
  if (findMatch !== -1) return true;
  else return false;
}
if (doSearch(/jewelry/, thisString) === true) {
  // create breadcrumb navigation
}

如何根据当前的URL将文本更改为其他内容？

1 个答案: