Выберите правильный элемент - PullRequest
Новая
       31

Выберите правильный элемент

1 голос
/ 29 мая 2019

Я пытаюсь настроить с GTM событие, когда кто-то добавит этот продукт в раздел «мой любимый». Я получаю все элементы для настройки события, кроме «название продукта».

URL это -> https://www.silversanz.com/categoria/1/subcategoria/10/productos

Вот код: 

<article class="product cmp-product   " data-product-id="2166" data-gtm-name="Funda Shockwave anti-impactos iPad 9.7\&quot; Silver HT" data-gtm-id="111943640199" data-gtm-price="24.1879" data-gtm-brand="Silver HT" data-gtm-category="Apple-ipad" data-gtm-variant="" data-gtm-list="Fundas tablets" data-gtm-position="1" id="cmp-product_1" data-state="rendered">
    <a href="/producto/2166" class="product__content-link" title="Funda Shockwave anti-impactos iPad 9.7&quot; Silver HT">
      <section class="product__content">
        <div class="img-wrapper">
          <img alt="Funda Shockwave anti-impactos iPad 9.7&quot; Silver HT | Silver Sanz" src="//s3-eu-west-1.amazonaws.com/silversanz.com/product_images/images/product_images_2533_grid.png?1548836431" class="">
        </div>
        <h4 class="title">Funda Shockwave anti-impactos iPad 9.7" Silver HT</h4>
      </section>
    </a>

<article class="product cmp-product   " data-product-id="519" data-gtm-name="Funda Wave azul marino para iPad Air 1,2, y iPad Pro 9,7\&quot;" data-gtm-id="111933840199" data-gtm-price="19.9892" data-gtm-brand="Silver HT" data-gtm-category="Apple-ipad" data-gtm-variant="" data-gtm-list="Fundas tablets" data-gtm-position="2" id="cmp-product_2" data-state="rendered">
    <a href="/producto/519" class="product__content-link" title="Funda Wave azul marino para iPad Air 1,2, y iPad Pro 9,7&quot;">
      <section class="product__content">
        <div class="img-wrapper">
          <img alt="Funda  iPad Air 1,2,  iPad Pro 9,7" src="//s3-eu-west-1.amazonaws.com/silversanz.com/product_images/images/product_images_1378_grid.png?1528287248" class="">
        </div>
        <h4 class="title">Funda Wave azul marino para iPad Air 1,2, y iPad Pro 9,7"</h4>
      </section>
    </a>

С помощью этого кода я попытался в GTM создать переменную Dom элемента, чтобы получить заголовок с помощью этого селектора элемента -> article # cmp-product_1.product.cmp-product

Но моя проблема в том, что число, в данном случае 1, зависит от положения продукта в сетке, поэтому, с 1, переменная получает только имя первого продукта сетки.

Как правильно получить название продукта?

Заранее спасибо!

1 Ответ

0 голосов
/ 31 мая 2019

Если вы хотите, чтобы ваш CSS выбрал любой элемент с id, который начинается с 

cmp-product_

тогда селектор: 

[id^="cmp-product_"]

В этом случае ^= означает любой идентификатор , начинающийся с этих символов .

Дополнительная информация по селекторам атрибутов:

https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors

...