var images = $('.be_product_grid_image:not(:first)');

$(document).on('click', 'your_show_all_button', function() {
     images.show()
})

$(document).on('click', 'your_show_less_button', function() {
     images.hide()
})

尝试应用此方法，将 your_show_all_button 和 your_show_less_button 替换为您的button的类或ID

为显示和隐藏添加两个按钮：

<button id="showAllBtn" onclick="showAllImages()">Show All</button>
<button id="showLessBtn" onclick="showLessImages()">Show Less</button>

为以下功能添加js脚本：

function showAllImages() {
   var images = document.querySelectorAll('.be_product_grid_image');

   for (var i = 0; i < images.length; i++) {
      images[i].style.display = 'block';
   }
   document.getElementById('showAllBtn').style.display = 'none';
   document.getElementById('showLessBtn').style.display = 'inline-block';
}

function showLessImages() {
   var images = document.querySelectorAll('.be_product_grid_image');

   for (var i = 1; i < images.length; i++) {
      images[i].style.display = 'none';
   }
   
   document.getElementById('showAllBtn').style.display = 'inline-block';
   document.getElementById('showLessBtn').style.display = 'none';
}