将可折叠列表插入Woocommerce表

Question

我正在使用Woocommerce，并且遇到了一个问题，我需要在产品名称下方的结帐表中插入每个产品的产品说明（由于国家/地区的法规，每个产品都必须具有完整的说明，理想情况下是带有产品图片的结帐表）。现在显然这将导致表格很大，而且看起来也不理想，因此我在考虑是否可以在每个产品名称下方插入可折叠列表，并将说明插入列表（有点像手风琴）。我对php的了解不多，但是我发现此CSS可以折叠：

[id^="togList"],                        
[id^="togList"] ~ .list,               
[id^="togList"]:checked + label span{  
display:none;
}

[id^="togList"]:checked ~ .list{
display:block;                       
}

label.toggle:hover{
cursor:pointer;
}

和html

 <input id="togList1" type="checkbox">
 <label for="togList1" class="toggle">
 <span><strong>Description</strong></span>
 </label>
 <div class="list">
 ...
 </div>

但是我不知道如何在Woocommerce review-order.php中使它起作用，以及如何将产品描述放入列表中。有人可以帮我吗？