Skip to product information
1 of 1
Published:2024.10.17

Example of setting up the Shopify theme "Rise/Dawn" to save the scroll position of featured collections and product thumbnail carousels

Example of setting up the Shopify theme "Rise/Dawn" to save the scroll position of featured collections and product thumbnail carousels

Applications

  • CollectionsEdit

How to implement

  • Javascript
View full details

The carousels for featured collections and product thumbnails in the Shopify theme "Dawn/Rise" allow for horizontal scrolling, but this example shows how to save the scroll position during a session. This eliminates the need to re-scroll each time, which can be expected to increase navigation.


Example of setting up the Shopify theme "Rise/Dawn" to save the scroll position of featured collections and product thumbnail carousels


How to set it up: Add a customized Liquid block to the footer group section and insert the code.


[Additional information] This includes multiple featured collection sections using tags, thumbnail carousels on product detail pages, etc.


After making a purchase (all items are ¥0), you will be able to view the sample code.

If you have already made a purchase, please login here.

Sample Codes

Test Theme :Dawn/Rise 15.2.0

Add a customized Liquid block to the footer group section and insert the code.

Related Post