title: Shopify 'Page' Block Duplicating On All Blocks
body: <p>I have an issue with a block I am editing for a client of mine in which they want to have a page popup within a section. The page selection is working great, styling is looking great however the selected page is duplicating across all the blocks within the section.</p>
  <p>For example, the section itself is called 'Slideshow With Text', this section has blocks which contain an image, some text, a button and now this page popup and it just scrolls through each block. When I add a page to the first block, it works exactly how intended. However, when I add a page to the second block, it ignores my chosen page and uses the page selected in the first block.</p>
  <p>Here is my code for reference:</p>
  <p>Schema - last setting in block.</p>
  <pre><code>{
    &quot;type&quot;: &quot;page&quot;,
    &quot;id&quot;: &quot;page_popup&quot;,
    &quot;label&quot;: &quot;Page Popup&quot;
  },  
  {
    &quot;type&quot;: &quot;text&quot;,
    &quot;id&quot;: &quot;page_popup_text&quot;,
    &quot;label&quot;: &quot;Page Popup Text&quot;,
    &quot;default&quot;: &quot;Page Pop Up Text&quot;
  }
  </code></pre>
  <p>Liquid - to display block within the other block elements.</p>
  <pre><code>{% if block.settings.page_popup != blank %}
  &lt;div&gt;
  &lt;a href=&quot;javascript&amp;colon;;&quot; class=&quot;slideshow_page-popup medium-down--hidden&quot; data-fancybox data-src=&quot;#pagepopup&quot; data-type=&quot;inline&quot;&gt;{{ block.settings.page_popup_text }} {% render 'icon', name: 'right-caret' %}&lt;/a&gt;
  &lt;div class=&quot;page-popup&quot; id=&quot;pagepopup&quot;&gt;
  &lt;div class=&quot;page-popup-wrap content container {% if settings.table_styles_enabled %} table is-striped is-bordered {% endif %}&quot;&gt;
  &lt;div class=&quot;one-whole column&quot;&gt;
  &lt;h5 class=&quot;center&quot;&gt;{{ pages[block.settings.page_popup].title }}&lt;/h5&gt;
  &lt;div class=&quot;feature_divider&quot;&gt;&lt;/div&gt;
  {{ pages[block.settings.page_popup].content }}
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;  
  {% endif %}
  </code></pre>
  <p>I'm presuming I am getting this issue as 'page_popup' is storing for the entire section and not on a per block basis however, I'm not sure how to separate this.</p>
  <p>Any ideas would be appreciated.
  Luke</p>