Bigcommerce Change New Products Slider to a Grid like Featured Products.

[siteorigin_widget class=”WP_Widget_Media_Video”][/siteorigin_widget]
copy and paste below code at /templates/components/products/new.html
<h2 class="page-heading">{{lang 'products.new' }}</h2>

<ul class="productGrid productGrid--maxCol{{ columns }}" data-product-type="products" data-list-name="New Products">
{{#each products}}
<li class="product">
    {{>components/products/card settings=../settings theme_settings=../theme_settings customer=../customer event="list" position=(add @index 1)}}
</li>
{{/each}}
</ul>

I don’t like the way the slider loads as it jumps when it loads. Plus I like the look of the panel grid (maybe like 3 rows of 4 New Products). Is there a way to add this as a script or style or even with html as widget or into a banner without editing the theme files?

https://support.bigcommerce.com/s/question/0D7TS00000106G90AI/detail?language=en_US&fromEmail=1&s1oid=00D30000001FDCG&s1nid=0DB13000000Gmw5&s1uid=0051B00000Cdq7l&s1ext=0&emkind=chatterCommentNotification&emtm=1712447493709&t=1712566529461