So I put my Google Analytics code and ticked enhanced e-commerce in Shopify and GA and now it records events, page views, but when I go to the e-commerce section then product list performance GA only records that was added to cart and it does not record the product that has been viewed/clicked
As you can see the "Product List Views" and "Product List Clicks" are zeros
When did you active this? Try to take long date range to view data.
There might be something wrong with the settings. You can try testing with the "Real-time" report. Just open the page and check the realtime report, if you see a report of the page you are viewing, then the code is working properly.
If not, then you might need to check your settings. Check out this tutorial about how to connect Google Analytics with your store, make sure you follow all the steps correctly.
Shopify's native GA setup is not designed to give you the Product List Performance report. You'll either need custom work done or you can use the LittleData app.
Default GA integration collects only this EE data:
(this.viewedProduct = this.viewedProductEnhanced), (this.addedProduct = this.addedProductEnhanced), (this.startedOrder = this.startedOrderEnhanced), (this.completedOrder = this.completedOrderEnhanced);
It does not collect any information about product impressions or any additional data. If you need more data you should setup your custom solution. That may be an app or a custom GA tracker (Gtag or GTM).
For those who want to get more details about default GA integration I suggest to checkout my recent article (link in the profile). It explains what data is being collected when we use default GA integration and points out some limitations of this solution. At the moment I'm preparing a new article that explains how we can add custom metrics to default integration. I do my best to publish it asap.