私はcusomショップページを持っています。そこでは、カテゴリに基づいて製品を表示しました。 たとえば、カテゴリ名は車、バス、ボートなどですwoocommerceプロダクトループにinfinte scrollを挿入するには
私のカスタムショップのページでは、次のHTMLを記述しています。
<div class="main-block">
<h2>car</h2>
<p>Description</p>
<?php echo do_shortcode('[products limit="50" columns="4" category="car"]'); ?>
</div>
<div class="main-block">
<h2>Bus</h2>
<p>Description</p>
<?php echo do_shortcode('[products limit="50" columns="4" category="bus"]'); ?>
</div>
<div class="main-block">
<h2>Boat</h2>
<p>Description</p>
<?php echo do_shortcode('[products limit="50" columns="4" category="boat"]'); ?>
</div>
すべて問題なく動作していますが、ページの読み込み時間が長くなるという問題があります。だから私は負荷メソッドを変更する予定です。各カテゴリから50種類の製品をすべてロードする代わりに、まず8種類の製品をロードしてから、ユーザーが下にスクロールして、他の製品をロードします。
どうすればこのコードを変更できますか?助けてください 。
誰かが同じ問題を経験したことがある方は、事前に解決してください。もしあれば