New Template + New Section -> rendered page content not unique?

Highlighted
Shopify Partner
2 0 1

I created a new template (page.esteammember.liquid).  Content of my template:

{% section 'esteambio-template' %}

Copied the about-template.liquid section to a new section called esteambio-template.liquid and made some code adjustments to make it a custom section to go with my custom template (changed variables and reduced schema type use)

Content of my section: 

-----------------------------------------

<div class="container">
{% include 'breadcrumb' %}
</div>

<div class="container">

<h1 class="page-title">{{page.title}}</h1>

</div>

{% if section.settings.enable_memberbio %}
<div class="engoc-aboutus-video" style="background-color: {{section.settings.bio_bg_color}};">
<div class="container">
<div class="azirspares-popupvideo">
<div class="popupvideo-inner">
<div class="icon">
{% if section.settings.member_img != blank %}
<img src="{{section.settings.member_img | img_url:'master'}}" class="img-responsive es-team-about-img" alt="banner">
{% else %}
{{ 'image' | placeholder_svg_tag: 'placeholder-svg' }}
{% endif %}
</div>
<div class="popupvideo-wrap">
<h4 class="title">{{section.settings.member_title}}</h4>
<p class="desc">{{section.settings.member_des}}</p>
<a class="button product-video-button" target="_self" href="{{section.settings.bio_btn_url}}">{{section.settings.member_btn_name}}</a>
</div>
</div>
</div>
</div>
</div>
{% endif %}

{% schema %}
{
"name": "Team Member Info",
"settings": [
{
"type": "header",
"content": "Team Member Bio"
},
{
"type": "checkbox",
"id": "enable_memberbio",
"label": "Enable?",
"default": true
},
{
"type": "color",
"id": "bio_bg_color",
"label": "Background color",
"default": "#f3f3f3"
},
{
"type": "text",
"id": "member_title",
"label": "Title",
"default": "Staff"
},
{
"type": "textarea",
"id": "member_des",
"label": "Description",
"default": "Nam at tortor in tellus interdum sagittis. In enim justo, rhoncus ut, imperdiet a, venena viverra rhoncus pede. Aenean posuere, tortor sed cursus feugiat, nunc augue blandit nunc, eu sollicitudin urna dolor sagittis lacus.<br> Vestibulum rutrum, mi nec elementum vehicula, eros quam gravida nisl, id fringilla neque ante vel mi. Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Phasellus magna. Fusce convallis metus id felis luctus adipiscing."
},
{
"type": "text",
"id": "member_btn_name",
"label": "Button name",
"default": "Back to Team"
},
{
"type": "image_picker",
"id": "member_img",
"label": "Right image",
"info": "680 x 570px recommended"
},
{
"type": "url",
"id": "bio_btn_url",
"label": "Button URL"
}
]
}
{% endschema %}

{% stylesheet %}
{% endstylesheet %}

{% javascript %}
{% endjavascript %}

-------------------------------------------------

The problem I am having is after I create the new Shopify pages (multiple pages using the same suffix/template) using the page.esteammember suffix I can use the customize editor to edit the pages and update for each team member (name, title, desc, image) BUT after saving them all and viewing their pages on the live site ALL team member pages have the same content based on the LAST member page content I updated...the content is not unique to each team member...even though the URLs are clearly different.

Here are how two pages end up:

Page 1:  http://prntscr.com/t1nalv

Page 2:  http://prntscr.com/t1n88p

When I go back into the customizer and look at page content they are all the same....again based on the very last page I updated.

Thanks,
David

 

 

0 Likes