How to implement a competent display of the list of products on the site?

Question

css

There is an online store, there is a system of catalogs and products, implemented a change in the appearance of the product card when resizing and when switching the view.
The default view is "tile"
When the view is changed, a cookie is placed, when the page is reloaded, the script pulls the cookie and displays the desired type of cards.
But at the same time, you can see how the default view is displayed for a short time, and then it is rebuilt.
At first, it was advised to simply not display the list, and then load it with Ajax with the desired view, but others say that search engines treat hidden content very poorly.
What do i do?

Answer 1

on the server you read the cookie and give it in the right form

Answer 2

Put a block on top of others, which disappears after the page is loaded.