Global Output Tags

• Output Tags Overview
• URL Output Tag
• SEO Output Tags
• Scroll Link
• Name Output Tag
• Link Output Tag
• Include JS
• Include CSS
• Header Output Tags
• GET Output Tags
• Faceted Navigation
• Customer Output Tags
• Cart Output Tags
• Business Output Tags
• Breadcrumb
• Asset URL

FLEX Documentation

• Introduction
• Code Overview
• Back Office
• Loops
• Global Output Tags
• Files
• AJAX
• Navigation
• Products
• Categories
• Pages
• Pagination
• Forms
• Checkout
• Search

A scroll link will allow the user to click next or previous to load a similar product or page to the page they are currently viewing. For example, if they are on a product page viewing your product "Basic T-Shirt", they may click on next and it will so "Advanced T-Shirt". This goes for content templates such as blogs.

To implement the scroll link,

{scroll_link}

<!-- output -->
<ul class="scroll_link">
   <li id="scroll_link_previous" class="scroll_link_element">
        <a class="alink breadcrumb-link" href="/blog/configure-usps-in-lead-commerce.html" target="_self">
        <span id="scroll_link_previous" class="scroll_link_element_arrow">‹</span>
        <span class="scroll_link_action">Previous</span> <span class="scroll_link_type">Blog Post</span>
        <span class="scroll_link_title">Configure USPS in Lead Commerce</span>
        </a>
   </li>
   <li id="scroll_link_delimiter">|</li>
   <li id="scroll_link_next" class="scroll_link_element">
        <a class="alink scroll-link" href="/blog/ecommerce-shopping-carts-101.html" target="_self">
        <span class="scroll_link_action">Next</span> <span class="scroll_link_type">Blog Post</span>
        <span class="scroll_link_title">eCommerce Shopping Carts 101</span>
        <span id="scroll_link_previous" class="scroll_link_element_arrow">›</span>
        </a>
    </li>
</ul>

As you can see above, the output tag scroll_link will create next previous links. This output tag will only work on template pages. This means only product template and content template pages.

NOTE: If a product page or a content template page does not have any siblings (related pages), an empty ul tag will appear. If there is only 1 similar page, only the next will appear.

If you noticed, there is quite a few data points being rendered by this scroll link. If you are looking for only certain things, use CSS to hide and show the fields you want.