Comments (3)
Hi there @TimSnake13 👋🏻. Good catch, it took me some time to figure this one out. I will release an updated version later.
Here's the fix:
- The section file needs a
"presets": [...]
schema configuration.
Create shopify/sections/my-section.liquid
with following content:
<div>
<div>Some text</div>
</div>
{% schema %}
{
"name": "My Section",
"settings": [],
"presets": [
{
"name": "My Section",
"category": "text"
}
]
}
{% endschema %}
settings_data.json
needs a"sections": {...}
and"content_for_index": [...]
configuration insidecurrent: {...}
:
First you might need to run
npm run settings:dev
, if you adjusted any settings in the Shopify backend, to download the latestsettings_data.json
Update shopify/config/settings_data.json
to look like this:
{
"current": {
"sections": {
"my-section": {
"type": "my-section",
"settings": {}
}
},
"content_for_index": [
"my-section"
]
},
"presets": {
"Default": {}
}
}
content_for_index
tells Shopify which sections are currently selected to display on the index page. But there seems to be a bug on Shopify's part, if you leave this initially empty, the Add sections
button is hidden in Shopify's panel.
if you are not running
npm run start
while editing the files, runnpm run deploy:dev
to upload the latest files to the remote store
from shopify-theme-lab.
Here is a screenshot: https://ibb.co/h7887Qw
from shopify-theme-lab.
This issue should now be fixed in v2.2.0 release
from shopify-theme-lab.
Related Issues (20)
- [Bug]: Unable to add background image via CSS HOT 4
- Question: does this affect SEO in any way? HOT 1
- [Bug]: Fonts return "Failed to decode downloaded font" when uploaded following the docs HOT 2
- [Bug]: Adding images HOT 5
- [Question]: Installing add-ons HOT 2
- [Bug]: DaisyUI Compatability HOT 2
- [Request]: Any plans for a React stack? HOT 6
- Adding jQuery HOT 2
- [Request]: Can I edit in shopify Backstage HOT 3
- [Bug]: ESLint extension on VS Code can not find the config file HOT 2
- Documentation is right? OS2.0 are available on any development store created after June 29, 2021. HOT 3
- Captcha white screen of death? HOT 3
- [Bug]: blank screen when you have vanilla javascript HOT 4
- [Bug]: Vue js devtools
- Save theme customisations ? HOT 2
- [Bug]: Static assets not loaded after pushing to shopify HOT 1
- [Bug]: Do you support any app comes with jquery widgets? HOT 1
- [Question]: Pass props/data from liquid to vue component HOT 1
- [Question]: Add App and/or Filters HOT 1
- [Bug]: Not longer compiling with Shopify CLI 3.0 HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from shopify-theme-lab.