Happy 80th Independence Day 🇮🇳

Toggle

Toggle

Tags: Liquid Codes, Toggle · 12 Aug 2026

Page: Product Pages (Optimized for Conversions)

Snippet Code

<style>
  .product__accordion1.accordion1 {
    border-bottom: none;
    width: 100%;
    box-sizing: border-box;
    border-top: 1px solid #ff3aa3;
  }

  .product__accordion1 {
    margin-top: 0px;
  }

  .accordion1 {
    margin-bottom: 0;
  }

  .accordion1 summary {
    display: flex;
    position: relative;
    line-height: 1;
    padding: 20px 0;
    align-items: center;
    cursor: pointer;
    list-style: none;
    width: 100%;
    box-sizing: border-box;
  }

  summary::-webkit-details-marker {
    display: none;
  }

  .accordion1 .summary__title1 {
    display: flex;
    flex: 1;
    padding-right: 40px;
  }

  .product__accordion1 .accordion1__title1 {
    font-weight: 700;
    line-height: 28px;
    color: #101010;
  }

  .accordion1__title1 {
    display: inline-block;
    width: 100%;
    margin: 0;
    word-break: break-word;
    font-family: Nunito, sans-serif;
    font-style: normal;
    letter-spacing: normal;
  }

  .product__accordion1 summary .accordion1__title1-icon {
    background-color: transparent;
    display: inline-block;
    position: absolute;
    right: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
  }

  .product__accordion1 summary .accordion1__title1-icon:before {
    background-color: #101010;
    content: "";
    width: 12px;
    height: 2px;
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
  }

  .product__accordion1 summary .accordion1__title1-icon:after {
    background-color: #101010;
    content: "";
    width: 2px;
    height: 12px;
    position: absolute;
    top: 50%;
    right: 13px;
    transform: translateY(-50%);
    transition: all .3s ease;
  }

  details[open] .accordion1__title1-icon:after {
    opacity: 0;
    transform: translateY(-50%) rotate(90deg);
  }

  .product__accordion1.under-product .accordion1__content {
    gap: 125px;
    flex-direction: row;
  }

  .product__accordion1 .accordion1__content {
    overflow: hidden;
    padding: 5px 0 20px;
    margin-bottom: 0;
    display: flex;
    justify-content: space-between;
    width: 100%;
    box-sizing: border-box;
    flex-wrap: wrap;
  }

  .accordion1__content {
    word-break: break-word;
    font-family: Nunito, sans-serif;
  }

  .accordion1__content div {
    width: 100%;
  }

  .accordion1__content p {
    margin-bottom: 0px;
    font-size: 16px;
    color: #101010;
  }

  .accordion1__content a {
    text-decoration: underline;
  }

  .rte1 ul {
    list-style-position: inside;
    padding-left: 20px;
    margin: 0;
  }

  .rte1 li {
    margin-bottom: 10px;
    line-height: 1.6;
    list-style: disc;
    font-size: 16px;
    color: #101010;
  }

  @media only screen and (min-width: 750px) {
    .accordion1__title1 {
      font-size: 20px;
    }
  }

  @media screen and (max-width: 749px) {
    .product__accordion1 {
      margin-top: 0px;
    }

    .product__accordion1.under-product .accordion1__content {
      flex-direction: column;
      gap: 20px;
    }

    .accordion1__title1 {
      font-size: 17px;
      line-height: 24px;
    }

    .accordion1 summary {
      padding: 16px 0;
    }

    .rte1 li {
      font-size: 14px;
      line-height: 1.5;
    }
  }
</style>

<div class="product__accordion1 accordion1 under-product quick-add-hidden">
  <details>
    <summary>
      <div class="summary__title1">
        <h2 class="accordion1__title1 inline-richtext h6">
          Shipping and Delivery Policy
        </h2>
      </div>
      <span class="accordion1__title1-icon"></span>
    </summary>

    <div class="accordion1__content rte1">
      <div>
        <p>Dispatch: Orders are processed and dispatched within 1–2 business days of confirmation.</p>
        <p>Standard shipping: Free · Delivered in 4–10 business days depending on location</p>
        <p>Express shipping: ₹80 · Delivered in 2–6 business days depending on location</p>
        <p>Tracking: A tracking link is sent to your registered email once dispatched. Track anytime at <a
            href="https://kidsyclothing.com/apps/track123">kidsyclothing.com/apps/track123</a></p>
        <p>COD: Available on all orders · No extra charge</p>
      </div>
    </div>
  </details>
</div>

Instructions

Heyy Guys 👋
Watch the video below to learn how to Import these Codes into your Shopify Ecommerce Store!

Complete Video Tutorial: