Full Page Scroll for Magento 2

Rating:
100% of 100
$99.00
Choose Magento Edition and Services
$99.00

About Full Page Scroll for Magento 2.

Full Page Scroll for Magento 2 is a simple and easy to use extension that allows users to create full page scrolling on CMS pages. Extension also allows adding landscape sliders inside the sections by defining one CMS block for each section. This functionality is a useful tool for creating great presentation pages.

You can create a new, fresh, layout, inspired from the 2016 fashion trends and the clients can see the products presented in a new perspective.

It’s a versatile and modern extension that make your pages much more attractive. fullPage.js is fully functional on all modern browsers, it also provides touch support for mobile phones, tablets and touch screen computers.

Features of the Extension.

  • Fully responsive.
  • Highly scalable, each full page section is a different CMS block
  • Easy to switch sections and reorder the page at any time
  • Unlimited number of sections and pages
  • Easy to use, no coding needed
  • Constantly updated to latest Magento 2 release

How to Install the Extension:

  • Step 1:
    Before installing Full Page Scroll Extension on a Magento 2 store please check the extension compatibility. This extension is currently compatible with the following Magento versions 2.0.X. - 2.1.3. It is recommended to install the extension first on a testing server before you install it on a live (production) server.
  • Step 2:
    Copy the extension files to below paths of your magento 2 instance. If ‘app/code/WeltPixel’ folder is missing, please create it manually:
    app/code/WeltPixel/Backend
    app/code/WeltPixel/FullPageScroll
  • Step 3:
    Access the root of your magento 2 project from command line and run the following commands:
    php bin/magento module:enable WeltPixel_Backend --clear-static-content
    php bin/magento module:enable WeltPixel_FullPageScroll --clear-static-content
    php bin/magento setup:upgrade
  • Step 4:
    Flush any cache that you might still have enabled on your server or in Magento.
  • Step 5:
    Woohoo, the extension is installed!

HOW TO USE THE EXTENSION.

1 Go to Content > Pages > Add New Page, and create a new page that you want to include ‘Full Page Scroll’ functionality.

2 Insert in the code below in the CMS page:

{{block class="WeltPixel\FullPageScroll\Block\FullPageScroll" name="fullpagescroll"
template="WeltPixel_FullPageScroll::fullpagescroll.phtml"}}
          
weltpixel
weltpixel
  • 3. Go to Content > Blocks > Add New Block
  • 4. Each section has to be created as CMS block and block name should respect the following format:

    fullpagescroll_cmspageurlkey_sectionorder

  • 5. The page identifier(cmspageurlkey) that you need when creating CSM blocks can be found in Page Description -> Search Engine Optimisation Tab -> URL Key. Page Url key is created automatically based on Page Title. Using this url key you associate the blocks to the page.

    Note1: Identifiers, page url, section name are case sensitive. In case the blocks do not show up in the page, make sure to verify this first.

    Note2: If the page will be used for homepage you need to use the following format, where ‘home’ is mandatory to be used and ‘storeviewcode’ is the store code where that homepage will be used.

    fullpagescroll_home_storeviewcode_sectionorder

  • 6. All the blocks are ordered by section order, alphabetic or by numbers.

    For example: Summer1; Summer2; Summer3; Summer4 are ordered by numbers. Spring; Summer; Autumn; Winter will be alphabetically ordered: Autumn; Spring; Summer; Winter.

  • 7. When you want to insert a image as a background in the block, keep in mind that the first image that you upload will be automatically set as background.
  • 8. For the rest of the images or content you can use default editor settings.
  • 9. Make sure you set the page layout as ‘Fullscreen’, if the layout is set otherwise it will affect the Header, Footer and page functionality.
  • 10. After you created all the blocks(one block for each section), take a look on the page that you initially created with the full page scroll functionality. You can see that all the sections are alphabetically or numerically ordered using the “sectionorder” identificator.

Change Log.

What’s new in v.1.3.1 - March 11, 2017

  • Section notice fix
  • Fixed menu issues as well as mobile version fixes

What’s new in v.1.0.2 - 22/11/2016

  • Added homepage Full Page Scroll functionality for storeviews

What’s new in v.1.0.0 - 01/10/2016

  • Initial release
weltpixel
Write Your Own Review
You're reviewing:Full Page Scroll for Magento 2
Your Rating