Wordpress: BuyButton.js one row collection or maximun 10 products show

Hi, I’m new to the community!

Hope to be in the right section.

I have a showroom site (wordpress) and an online sales site created with shopify

Now through the “buy button” sales channel I would like to synchronize some collections on the showroom site

I’ve already managed to customize the look of the products, remove the view button, resize the images.

however, the showroom site will remain only an exhibition of the products sold on the online store

Request:

The code loads 20 products with the “Next page” button

I would like to upload a maximum of 10 or less

Or a maximum of one Row per collection

What do I need to add to the original code that shopify provides to get to the desired solution?

I leave you some screenshots of the collection as it is now and how I would like it to be.

Current situation (wordpress test site)

Graphic example of how I would like it to appear