How to automatically update a blog post slider in Liquid?

Thank you very much for taking the time to read our response.

I have written the following slider in custom Liquid, but when a customer updates it from the admin panel, what code should I add to the code below so that the posted blog will be automatically updated and displayed?

We are trying to make the design as per the customer’s request, so we are using css to reflect the code here.

If someone would be so kind, I would greatly appreciate an answer.

Thank you in advance for your time.

<ul>
    <li><span class="contents_cat">column1</span><time datetime="2022-12-28">2022.01.23</time><a href=""><img src="" alt=""
          width="216" height="294">
        <div class="contents_title">column-title1</div>
      </a></li>
    <li><span class="contents_cat">information1</span><time datetime="2022-12-28">2022.12.17</time><a href="#"><img src=""
          alt="" width="216" height="294">
        <div class="contents_title">information-title1</div>
      </a></li>
    <li><span class="contents_cat">column2</span><time datetime="2022-12-28">2022.12.12</time><a href="#"><img src=""
          alt="" width="216" height="294">
        <div class="contents_title">column-title2</div>
      </a></li>
    <li><span class="contents_cat">information2</span><time datetime="2022-12-28">2022.12.01</time><a href="#"><img src=""
          alt="" width="216" height="294">
        <div class="contents_title">information-title2</div>
      </a></li>
    <li><span class="contents_cat">column3</span><time datetime="2022-12-28">2022.11.20</time><a href="#"><img src=""
          alt="" width="216" height="294">
        <div class="contents_title">column3-title3</div>
      </a></li>
  </ul>
  <div class="contents_btn"><a href="#">all-view</a></div>
</div>  

Hi @mwhr126 ,

You can use following event to callback JS code, it will work fine when you change Customize. Refer https://shopify.dev/themes/architecture/sections/integrate-sections-with-the-theme-editor

Hope it helps!