I’m making a card-based portfolio and it has the following markup:
<div data-fred-name="portfolio-item" class="col-sm-6 col-md-4 col-lg-4 {{ category_class }}" data-aos="">
<div class="item d-flex mx-auto">
<div class="hover-bg">
<div class="hover-text">
<h4 >{{ company }}</h4>
<small>{{ company_category }}</small>
</div>
</div>
<img data-fred-image-media-source="Assets" src="{{ image_source }}" class="w-100 mx-auto my-auto">
</div>
</div>
with the following settings:
{
"settings": [
{
"name": "category_class",
"label": "Category Label",
"type": "select",
"options": {
"branding": "Branding",
"personal-branding": "Personal Branding",
"assets": "Assets",
"websites": "Websites"
},
},
{
"name": "company",
"label": "Company Name",
"type": "text"
},
{
"name": "company_category",
"label": "Type of Work",
"type": "text"
},
{
"name": "image_source",
"label": "Portfolio Image",
"type": "image",
"mediaSource": "Assets"
}
]
}
I can see the default values I set for each setting, but when I go to make the edits on the element in the Fred editor, only the 1st option will update and change, and the rest will keep the default values I placed in them when creating the settings. What am I missing to cause this issue? Thanks!