title: How do you add custom id attributes to div elements in Shopify Boundless theme?
body: <p>I need to target a specific div in Shopify. I'm using Boundless Theme. I want to add a custom id attribute to this specific div. How can I do this?</p>
  
  <p>The div I need to target is the 3rd div with class "product-item grid__item medium-up--one-third":</p>
  
  <pre><code>&lt;div class="featured-collection" data-section-id="featured-collection" data-section-type="featured-collection-section"&gt;
  
      &lt;h2 class="visually-hidden"&gt;frontpage&lt;/h2&gt;
  
      &lt;div class="grid grid--no-gutters grid--uniform collection-grid"&gt;
  
          &lt;div class="product-item grid__item medium-up--one-third"&gt;
  
              &lt;a class="product-item__link " href="/products/kaylava-candor-decaf-coffee-bean"&gt;
  
                  &lt;img class="product-item__image" src="//cdn.shopify.com/s/files/1/1460/5816/products/candor-coffee-sm_grande.jpg?v=1485668871" alt="CANDOR DECAF COFFEE"&gt;
  
                  &lt;span class="product-item__meta"&gt;
                  &lt;span class="product-item__meta__inner"&gt;
                  &lt;p class="product-item__title"&gt;CANDOR DECAF COFFEE&lt;/p&gt;
                  &lt;p class="product-item__price-wrapper"&gt;&lt;span class="txt--emphasis"&gt;from&lt;/span&gt; $15.99&lt;/p&gt;
                  &lt;/span&gt;
                  &lt;/span&gt;
  
                  &lt;/a&gt;
          &lt;/div&gt;
  
      &lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>