– Core-Styles 3

data-page-number="1" 
data-max-page-number="8"
data-url="/circulars/Page/1/Base/1/241001E_ACE_CORP/"

  <nav class="circular-toolbar toolbar" aria-label="Circular page navigation.">

<div class="d-none d-lg-inline-flex">
  <form class="search-form" action="/circulars/search/" method="post" data-search="live" data-target="#search-results" data-hide=".search-hidden">
    <input type="hidden" name="date" value="">
    <div class="toolbar-group input-group mr-0">
      <input id="circulars-search-lg" class="search-from-search-text form-control" type="search" name="search" value="" placeholder="Search" aria-label="Enter text to search circulars.">
      
      <div class="input-group-append">
        <button class="search-from-submit btn btn-light" type="submit" aria-label="Submit Search">
          <i class="icon-search"></i>
        </button>
      </div>
    </div>
  </form>
</div>

<div class="d-inline-flex d-lg-none">
  <form class="search-form" action="/circulars/search/" method="post" data-search="live" data-target="#search-results" data-hide=".search-hidden">
    <div class="toolbar-group">
      <input type="hidden" name="date" value="" aria-label="Search Circulars Text">
      <div class="dropleft">
        <button class="btn btn-light" type="button" id="circular-departments-button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
          <i class="icon-search"></i><span class="sr-only">Search Circular</span>
        </button>
        <div class="dropdown-menu" aria-labelledby="circular-departments-button">
          <div class="dropdown-item">
            <div class="min-vw-50" style="min-width: 50vw;">
              <input id="circulars-search-mb" class="search-from-search-text form-control" type="search" name="search" value="" placeholder="Search" aria-label="To search circulars,enter text here.">
  
            </div>
          </div>
        </div>
      </div>
    </div>
  </form>
</div>

 
  <div class="toolbar-group ml-auto d-none d-md-inline-flex">
    <a href="#" class="toolbar-text-item site-aside-slider-toggle" data-aye-click="shopping list toggle"><strong class="d-none d-lg-inline"><span class="d-none d-xl-inline">Shopping </span>List</strong> <i class="icon-shopping-list"></i></a>
  </div>
  <!-- phone version links right to shopping list landing page to save room -->
  <div class="toolbar-group ml-auto d-inline-flex d-md-none">
    <a href="https://circulars-1.acehardware.com/Shoppinglist/index/" class="toolbar-text-item" data-aye-click="shopping list link"><strong class="d-none d-lg-inline"><span class="d-none d-xl-inline">Shopping </span>List</strong> <i class="icon-shopping-list"></i></a>
  </div>

Store Location: 300 S College Ave, Oxford, OH 450562225 #16708 (Change Store)

      <script type="text/javascript" charset="utf-8">
        document.addEventListener('DOMContentLoaded', function() {
          
          
          const circularsContainer = document.querySelector('.site-content');

          const circular = document.querySelector('.circular');
          const pages =  Number(circular.getAttribute('data-max-page-number'));
          const circularHeight =  Number(circular.offsetHeight);
          const estimatedHeight = circularHeight * (pages - 1);
          circularsContainer.style.minHeight = `${Math.round(estimatedHeight)}px`;
          console.log(`circularHeight: ${Math.round(circularHeight)}px`);
          console.log(`estimatedHeight: ${Math.round(estimatedHeight)}px`);

         

          circularsContainer.addEventListener('click', function(event) {
            // Check if the clicked element or any of its parents has data-toggle="modal"
            const modalToggle = event.target.closest('[data-toggle="modal"]');

            if (modalToggle) {
              const circularItem = modalToggle.closest('.circular-item');
              const rect = circularItem.getBoundingClientRect();
              const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
              const distanceFromTop = rect.top + scrollTop;

              // Send the information to the parent page
              // window.parent.postMessage({
              //   type: 'circularItemClicked',
              //   distanceFromTop: Math.round(distanceFromTop)
              // }, '*');
              console.log(`Distance: ${Math.round(distanceFromTop)}px`);
              const modalSelector = modalToggle.getAttribute('data-target');
              const modal = document.querySelector(modalSelector);
              modal.style.marginTop = `${distanceFromTop}px`;
            }
          });
        });

      </script>
    
  

  <section id="search-results"></section>


<section class="search-hidden">

<h1 class="circular-title">
Ace Deals 
</h1> 
 



<p class="circular-description">
  
  
    Sale started 10/01/2024 and 
    <span >
      ends 10/31/2024
    </span>
  

</p>

Page 1 of 8

  <div class="circular-content">
  <div class="circular-items  row"><div class="col-12">

data-aye-app-id="1" data-aye-resource="AdItem" data-aye-resource-id="5873458" data-aye-resource-label="Ace Hardware" data-aye-context="Ad" data-aye-context-id="101869" data-aye-property-page-number="1"

<span>
  <img data-aye-click="banner" data-aye-view="banner" data-aye-app-id="1" data-aye-resource="AdItem" data-aye-resource-id="5873458" data-aye-resource-label="Ace Hardware" data-aye-context="Ad" data-aye-context-id="101869" data-aye-property-page-number="1"  src="https://cdn.ace-circulars.com/G_WeeklyAd_core/FIMG/241001E_ACE_CORP/EHpage1_FIMG.jpg" alt="Ace Hardware" class="circular-item-banner-image card-img img-fluid" />
</span>

Select First Alert® Smoke Alarms, Carbon Monoxide Alarms & Fire Extinguishers*

    <span class="price-overlay">BUY TWO GET ONE FREE</span>
  
</p>

<p class="circular-item-details">NO LIMIT.

Not available where prohibited by law. Free item must be of equal or lesser value.

    <div class="accordion" id="accordionSKUs">
      <p data-toggle="collapse" data-target="#collapseSKUs-5873398" aria-expanded="true" aria-controls="collapseSKUs">See SKUs</p>

      <div id="collapseSKUs-5873398" class="collapse" aria-labelledby="headingOne" data-parent="#accordionSKUs">
              <p class="circular-item-details">
                80594, 83559, 84317, 84376, 86536, 87892, 87893, 87894, 5007001, 5007002, 5024747, 5035233, 5050044, 5050045, 5050046, 5050050, 5050051, 5050062, 5050063, 5050064, 5050065, 5050070, 5050072, 5050073, 5050076
              </p>
      </div>
    </div>

<!-- modify css padding for this  -->
<div class="circular-item-footer card-footer  d-block" style="padding: .75rem;">
  
    
      
        <div class="d-md-flex justify-content-center">

          

<div class="shopping-list-item">
  <form data-aye-submit="add to shopping list" data-aye-app-id="9" data-aye-resource="AdItem" data-aye-resource-id="5873398" data-aye-property-store-number="16708" action="/shopping_list/add/circular_item/5873398/store_number/16708/" method="post" class="shopping-list-item-form">
    <div class="row justify-content-center">

          <!--
          <div class="input-group-prepend">
            <span class="shopping-list-item-qty-label input-group-text" id="shopping-list-qty-label-[self->id]">Qty</span>
          </div>
          -->
          <input type="hidden" name="qty" value="1" maxlength="2" class="shopping-list-item-qty form-control" id="shopping-list-item-qty-5873398" data-aye-property-qty aria-label="Quantity" aria-describedby="shopping-list-qty-label-5873398">

      <div class="shopping-list-item-btn-col col-sm-auto">
        <button type="submit" class="shopping-list-item-btn btn btn-primary mx-1 mb-1 mb-sm-0">
          <span>Add to List</span> 
        </button>
      </div>
    </div>
  </form>
</div>










          
          <!-- temporary for layout testing 
            <button class="btn btn-primary m-1" type="submit">Add to List</button>
            <button class="btn btn-light mx-1" type="submit" style="border: 2px solid #ce0f2e;">View Product Details</button>-->
            <a href="https://www.acehardware.com/search?query=80594||83559||84317||84376||86536||87892||87893||87894||5007001||5007002||5024747||5035233||5050044||5050045||5050046||5050050||5050051||5050062||5050063||5050064||5050065||5050070||5050072||5050073||5050076&store=16708" class="btn btn-light mx-1" role="button" style="border: 2px solid #ce0f2e;" target="_blank" rel="noopener">View Product Details</a>         

        </div>
      

    
  
</div>

MIX & MATCH, SALE

Rust-Oleum® Painter's Touch® 2x Ultra Cover® Spray Paint & Primer, 12 Oz.

Assorted colors and finishes.

    <span class="price-prefix">2 FOR</span>
    <span class="price-dollar-sign">$</span>
    <span class="price-dollars">13</span>
    <span class="price-cents"></span>
    
    <span class="price-suffix">.00</span>
  
</p>

<p class="circular-item-details">MUST BUY 2 OR MORE</p>


    




  

    <div class="accordion" id="accordionSKUs">
      <p data-toggle="collapse" data-target="#collapseSKUs-5873399" aria-expanded="true" aria-controls="collapseSKUs">See SKUs</p>

      <div id="collapseSKUs-5873399" class="collapse" aria-labelledby="headingOne" data-parent="#accordionSKUs">
              <p class="circular-item-details">
                1005527, 1005529, 1005530, 1005531, 1005704, 1395524, 1395532, 1395540, 1395557, 1395565, 1395573, 1395581, 1395599, 1395615, 1395623, 1395656, 1395664, 1395672, 1395680, 1395698, 1395706, 1395714, 1395722, 1395748, 1395755
              </p>
      </div>
    </div>

<!-- modify css padding for this  -->
<div class="circular-item-footer card-footer  d-block" style="padding: .75rem;">
  
    
      
        <div class="d-md-flex justify-content-center">

          

<div class="shopping-list-item">
  <form data-aye-submit="add to shopping list" data-aye-app-id="9" data-aye-resource="AdItem" data-aye-resource-id="5873399" data-aye-property-store-number="16708" action="/shopping_list/add/circular_item/5873399/store_number/16708/" method="post" class="shopping-list-item-form">
    <div class="row justify-content-center">

          <!--
          <div class="input-group-prepend">
            <span class="shopping-list-item-qty-label input-group-text" id="shopping-list-qty-label-[self->id]">Qty</span>
          </div>
          -->
          <input type="hidden" name="qty" value="1" maxlength="2" class="shopping-list-item-qty form-control" id="shopping-list-item-qty-5873399" data-aye-property-qty aria-label="Quantity" aria-describedby="shopping-list-qty-label-5873399">

      <div class="shopping-list-item-btn-col col-sm-auto">
        <button type="submit" class="shopping-list-item-btn btn btn-primary mx-1 mb-1 mb-sm-0">
          <span>Add to List</span> 
        </button>
      </div>
    </div>
  </form>
</div>










          
          <!-- temporary for layout testing 
            <button class="btn btn-primary m-1" type="submit">Add to List</button>
            <button class="btn btn-light mx-1" type="submit" style="border: 2px solid #ce0f2e;">View Product Details</button>-->
            <a href="https://www.acehardware.com/search?query=1005527||1005529||1005530||1005531||1005704||1395524||1395532||1395540||1395557||1395565||1395573||1395581||1395599||1395615||1395623||1395656||1395664||1395672||1395680||1395698||1395706||1395714||1395722||1395748||1395755&store=16708" class="btn btn-light mx-1" role="button" style="border: 2px solid #ce0f2e;" target="_blank" rel="noopener">View Product Details</a>         

        </div>
      

    
  
</div>

Ace® Basic Pleated Furnace Air Filter

Assorted sizes available.

    <span class="price-overlay">BUY THREE GET ONE FREE</span>
  
</p>

<p class="circular-item-details">NO LIMIT. Free item must be of equal or lesser value. </p>


    




  

    <div class="accordion" id="accordionSKUs">
      <p data-toggle="collapse" data-target="#collapseSKUs-5873400" aria-expanded="true" aria-controls="collapseSKUs">See SKUs</p>

      <div id="collapseSKUs-5873400" class="collapse" aria-labelledby="headingOne" data-parent="#accordionSKUs">
              <p class="circular-item-details">
                49749, 4000493, 4000519, 4043360, 4043618, 4044079, 4044327, 4044343, 4044558, 4044566, 4044624, 4045134, 4161659, 4161667, 4161683, 4166872, 4166898, 4166914, 4166922, 4166930, 4166963, 4166989, 4166997, 4167003, 4201588, 4201604, 4201646
              </p>
      </div>
    </div>

<!-- modify css padding for this  -->
<div class="circular-item-footer card-footer  d-block" style="padding: .75rem;">
  
    <div class="shopping-list-item">
      <div class="alert alert-info m-1" role="alert" style="padding: 6px;">
        <i class="icon-shopping-list"></i> 
        Added to Shopping List!
      </div>
    </div>
  <!-- temporary for layout testing 
    <button class="btn btn-primary m-1" type="submit">Add to List</button>
    <button class="btn btn-light mx-1" type="submit" style="border: 2px solid #ce0f2e;">View Product Details</button> -->
    
      <a href="https://www.acehardware.com/search?query=49749||4000493||4000519||4043360||4043618||4044079||4044327||4044343||4044558||4044566||4044624||4045134||4161659||4161667||4161683||4166872||4166898||4166914||4166922||4166930||4166963||4166989||4166997||4167003||4201588||4201604||4201646&store=16708" class="btn btn-light mx-1" role="button" style="border: 2px solid #ce0f2e;" target="_blank" rel="noopener">View Product Details</a>
    

  
</div>

YOUR CHOICE, SALE

Select Songbird Selections® Wild Bird Food, 5 Lb.

Assorted Varieties

    <span class="price-prefix">2 FOR</span>
    <span class="price-dollar-sign">$</span>
    <span class="price-dollars">11</span>
    <span class="price-cents"></span>
    
    <span class="price-suffix">.99 each</span>
  
</p>




    




  

    <div class="accordion" id="accordionSKUs">
      <p data-toggle="collapse" data-target="#collapseSKUs-5873401" aria-expanded="true" aria-controls="collapseSKUs">See SKUs</p>

      <div id="collapseSKUs-5873401" class="collapse" aria-labelledby="headingOne" data-parent="#accordionSKUs">
              <p class="circular-item-details">
                8039228, 8039222, 8039231, 8039230, 8039233, 8039223, 8039235
              </p>
      </div>
    </div>

<!-- modify css padding for this  -->
<div class="circular-item-footer card-footer  d-block" style="padding: .75rem;">
  
    
      
        <div class="d-md-flex justify-content-center">

          

<div class="shopping-list-item">
  <form data-aye-submit="add to shopping list" data-aye-app-id="9" data-aye-resource="AdItem" data-aye-resource-id="5873401" data-aye-property-store-number="16708" action="/shopping_list/add/circular_item/5873401/store_number/16708/" method="post" class="shopping-list-item-form">
    <div class="row justify-content-center">

          <!--
          <div class="input-group-prepend">
            <span class="shopping-list-item-qty-label input-group-text" id="shopping-list-qty-label-[self->id]">Qty</span>
          </div>
          -->
          <input type="hidden" name="qty" value="1" maxlength="2" class="shopping-list-item-qty form-control" id="shopping-list-item-qty-5873401" data-aye-property-qty aria-label="Quantity" aria-describedby="shopping-list-qty-label-5873401">

      <div class="shopping-list-item-btn-col col-sm-auto">
        <button type="submit" class="shopping-list-item-btn btn btn-primary mx-1 mb-1 mb-sm-0">
          <span>Add to List</span> 
        </button>
      </div>
    </div>
  </form>
</div>










          
          <!-- temporary for layout testing 
            <button class="btn btn-primary m-1" type="submit">Add to List</button>
            <button class="btn btn-light mx-1" type="submit" style="border: 2px solid #ce0f2e;">View Product Details</button>-->
            <a href="https://www.acehardware.com/search?query=8039228||8039222||8039231||8039230||8039233||8039223||8039235&store=16708" class="btn btn-light mx-1" role="button" style="border: 2px solid #ce0f2e;" target="_blank" rel="noopener">View Product Details</a>         

        </div>
      

    
  
</div>

SALE

Select Ace® Insect Killers