Snippet inside snippet not rendering

Question

On a template I am calling in a series of snippets like so:

{sn-head}

{sn-header}

{sn-page}

{sn-listing-videos}

{sn-footer}

The sn-listing-videos snippet contains an entries loop like so:

{exp:channel:entries channel="video" limit="12" paginate="both" disable="categories|member_data" dynamic="no"}

    {sn-listing-pagination}

    {title}
{/exp:channel:entries}

The sn-listing-pagination snippet isn't rendering in this instance. In fact, none of my snippets are rendered with the sn-listing-videos snippet at all.

I have a few other templates which contain listing snippets for other channels which contain the same code apart from the channel parameter in the exp:channel:entries tag - and the pagination snippet works just fine in these.

I am using the SnippetSync module. I have run a test after having uninstalled it, but still no luck.

What could cause this problem for that particular template/snippet?

=================

EDIT:

Here's the code for a different listings page where the same set up works.

Template code:

{sn-head}

{sn-header}

{sn-page}

{sn-listing-resource}

{sn-footer}

sn-listing-resource snippet code:

{exp:channel:entries channel="resource" limit="5" paginate="both" disable="categories|member_data" dynamic="no"}
    {sn-listing-pagination}

    {title}
{/exp:channel:entries}

=================

EDIT #2:

Content of pagination snippet:

{paginate}
      <div class="listing-pagination">
          {pagination_links}
            {previous_page}
              <a href="{pagination_url}">Prev</a>
            {/previous_page}

            {page}
              <a href="{pagination_url}" {if current_page}class="active"{/if}>{pagination_page_number}</a>
            {/page}

            {next_page}
              <a href="{pagination_url}" class="button slim next">Next</a>
            {/next_page}
          {/pagination_links}
      </div>
{/paginate}

Answer 1

This is due to the parse order. EE parse snippets at a very early stage all at once, hence not being able to have a snippet within a snippet. I suggest removing the {sn-listing-pageination} and just hard code that in the {sn-listing-videos}.

Or you could convert all your snippets/variables over to Low Variables and set the {sn-listing-pagination} to a early parsed variable. This will then parse before the {sn-listing-video}

Answer 2

I was just able to accomplish what you're after using Snippet Sync AND the problem (see below).

In EE template, I have just:

{sn:snippet_1}

In sn:snippet_1, I have:

{exp:channel:entries channel="pages" limit="1" paginate="both" disable="categories|member_data" dynamic="no"}
  {sn:pagination}
  {title}<br>
{/exp:channel:entries}

In sn:pagination, I have:

{paginate}
  <div class="listing-pagination">
      {pagination_links}
        {previous_page}
          <a href="{pagination_url}">Prev</a>
        {/previous_page}

        {page}
          <a href="{pagination_url}" {if current_page}class="active"{/if}>{pagination_page_number}</a>
        {/page}

        {next_page}
          <a href="{pagination_url}" class="button slim next">Next</a>
        {/next_page}
      {/pagination_links}
  </div>
{/paginate}

My output is:

<div class="listing-pagination">
  <a href="http://www.starterslab.local" class="active">1</a>
  <a href="http://www.starterslab.local/P1" >2</a>
  <a href="http://www.starterslab.local/P2" >3</a>
  <a href="http://www.starterslab.local/P1" class="button slim next">Next</a>
</div>

Inner Page

<div class="listing-pagination">
  <a href="http://www.starterslab.local" class="active">1</a>
  <a href="http://www.starterslab.local/P1" >2</a>
  <a href="http://www.starterslab.local/P2" >3</a>
  <a href="http://www.starterslab.local/P1" class="button slim next">Next</a>
</div>

HOWEVER, if I put my pagination code inside of sn:snippet_1 and my channel entries code into sn:pagination I get this unparsed code:

{paginate}
  <div class="listing-pagination">
      {pagination_links}
        {previous_page}
          <a href="{pagination_url}">Prev</a>
        {/previous_page}

        {page}
          <a href="{pagination_url}" >{pagination_page_number}</a>
        {/page}

        {next_page}
          <a href="{pagination_url}" class="button slim next">Next</a>
        {/next_page}
      {/pagination_links}
  </div>
{/paginate}

Here's why: Snippets are parsed in order among themselves. So, make sure your sn-listing-pagination snippet is listed after/below sn-listing-videos in EE. If not, create a new snippet for it so that it is parsed at the end.

To further illustrate, below is a view of my exp_snippets table (not used the example above). Note the snippet_id column. Snippets are parsed in order, from 1 to whatever you have.

So, you can embed snippet id 7 into 1 and it will parse since 7 is parsed after 1. You can't do the reverse. When snippet 7 is parsed, if snippet 1's tag is embedded it will just come back unparsed, since snippet 1 has already been parsed. It won't know to re-parse it.