I wonder what is the best way to have Javascript loaded content indexed by search engines. I know that search engines don't execute Javascript, but I am thinking more of an progressive enchantment.

I am creating a responsive website, and on the home page I will have some sections about most visited products and recommended product that I plan to load depending on the device detected. These products will be in sliders with thumbnail images and names of the products. If mobile is detected slider content will not load, ant the link to the external page will be shown. I know that external content will be indexed via link to those resources.

Where will the users be directed from search in this case?
To the external page or home page?
Will it be bad for SEO if I show only product names on front page so they can be indexed and hide them with CSS?
What is the best way to index that content and possibly direct users from search to home page?

Also, i've seen the Ajax crawling but iI would like not to use that if there is any better way.