{"id":191,"date":"2016-05-13T00:32:06","date_gmt":"2016-05-13T00:32:06","guid":{"rendered":"https:\/\/www.annawerner.de\/?p=191"},"modified":"2018-07-15T11:45:05","modified_gmt":"2018-07-15T11:45:05","slug":"the-storefront-parallax-image-plugin","status":"publish","type":"post","link":"https:\/\/annaschneider.me\/blog\/the-storefront-parallax-image-plugin\/","title":{"rendered":"The Storefront Parallax Image Plugin"},"content":{"rendered":"

The Prallax effect is a nice add-on for modern websites. While adding some interesting looks, it’s not obtrusive and it makes scrolling down a page more fun – at least in my opinion.<\/p>\n

WooThemes has a nice extension that integrates with Storefront:\u00a0Storefront Parallax Hero<\/a>.<\/p>\n

There are two different ways, to integrate a parallax effect into your site. The Plugin is mainly developed to integrate one picture into your homepage. But it leaves you with a manual integration as well.<\/p>\n

\"ParallaxEffect\"<\/p>\n

Parallax on the Homepage<\/h3>\n

The first important step here is to make sure, the homepage of your website is set to the Homepage template. Otherwise, the plugin will not show up in Customizer and you can’t even get started. So take a look at your homepage and make sure you selected the right template on the right side of you page, in the settings.<\/p>\n

\"Bildschirmfoto

Select the Homepage template<\/p><\/div>\n

When this is set, you can access the Customizer and when on the Homepage in the preview, you can see a new Menu item: Parallax Hero.<\/p>\n

\"Parallax

Parallax Hero in the Customizer Menu<\/p><\/div>\n

Entering the settings, you can define<\/p>\n