Slick Integration: Error: Invalid JSON: unexpected token" angezeigt

[SimonSim]

Hallo liebe Community,

ich versuche gerade Slick Slider in meinem Canopy Theme zu integrieren. Jetzt bin ich bei dem Punkt, dass ich in settings_schema.json diesen Code einfügen soll:

Spoiler

{

"type": "header",

"content": "Vendor Logo Carousel"

},

{

"type": "text",

"id": "home_vendor_carousel_title",

"label": "Vendor Carousel Title"

},

{

"type": "checkbox",

"id": "home_vendor_carousel_enable",

"label": "Enable Vendor Carousel"

},

{

"type": "checkbox",

"id": "home_vendor_enable_1",

"label": "Enable Vendor 1"

},

{

"type": "text",

"id": "home_vendor_name_1",

"label": "Vendor link 1"

},

{

"type": "image",

"id": "vendor_logo_1.png",

"label": "Icon",

"max-width": 1000,

"max-height": 563

},

{

"type": "checkbox",

"id": "home_vendor_enable_2",

"label": "Enable Vendor 2"

},

{

"type": "text",

"id": "home_vendor_name_2",

"label": "Vendor link 2"

},

{

"type": "image",

"id": "vendor_logo_2.png",

"label": "Icon",

"max-width": 1000,

"max-height": 563

},

{

"type": "checkbox",

"id": "home_vendor_enable_3",

"label": "Enable Vendor 3"

},

{

"type": "text",

"id": "home_vendor_name_3",

"label": "Vendor link 3"

},

{

"type": "image",

"id": "vendor_logo_3.png",

"label": "Icon",

"max-width": 1000,

"max-height": 563

},

{

"type": "checkbox",

"id": "home_vendor_enable_4",

"label": "Enable Vendor 4"

},

{

"type": "text",

"id": "home_vendor_name_4",

"label": "Vendor link 4"

},

{

"type": "image",

"id": "vendor_logo_4.png",

"label": "Icon",

"max-width": 1000,

"max-height": 563

},

{

"type": "checkbox",

"id": "home_vendor_enable_5",

"label": "Enable Vendor 5"

},

{

"type": "text",

"id": "home_vendor_name_5",

"label": "Vendor link 5"

},

{

"type": "image",

"id": "vendor_logo_5.png",

"label": "Icon",

"max-width": 1000,

"max-height": 563

},

{

"type": "checkbox",

"id": "home_vendor_enable_6",

"label": "Enable Vendor 6"

},

{

"type": "text",

"id": "home_vendor_name_6",

"label": "Vendor link 6"

},

{

"type": "image",

"id": "vendor_logo_6.png",

"label": "Icon",

"max-width": 1000,

"max-height": 563

},

{

"type": "checkbox",

"id": "home_vendor_enable_7",

"label": "Enable Vendor 7"

},

{

"type": "text",

"id": "home_vendor_name_7",

"label": "Vendor link 7"

},

{

"type": "image",

"id": "vendor_logo_7.png",

"label": "Icon",

"max-width": 1000,

"max-height": 563

},

{

"type": "checkbox",

"id": "home_vendor_enable_8",

"label": "Enable Vendor 8"

},

{

"type": "text",

"id": "home_vendor_name_8",

"label": "Vendor link 8"

},

{

"type": "image",

"id": "vendor_logo_8.png",

"label": "Icon",

"max-width": 1000,

"max-height": 563

},

{

"type": "checkbox",

"id": "home_vendor_enable_9",

"label": "Enable Vendor 9"

},

{

"type": "text",

"id": "home_vendor_name_9",

"label": "Vendor link 9"

},

{

"type": "image",

"id": "vendor_logo_9.png",

"label": "Icon",

"max-width": 1000,

"max-height": 563

},

{

"type": "checkbox",

"id": "home_vendor_enable_10",

"label": "Enable Vendor 10"

},

{

"type": "text",

"id": "home_vendor_name_10",

"label": "Vendor link 10"

},

{

"type": "image",

"id": "vendor_logo_10.png",

"label": "Icon",

"max-width": 1000,

"max-height": 563

},

{

"type": "checkbox",

"id": "home_vendor_enable_11",

"label": "Enable Vendor 11"

},

{

"type": "text",

"id": "home_vendor_name_11",

"label": "Vendor link 11"

},

{

"type": "image",

"id": "vendor_logo_11.png",

"label": "Icon",

"max-width": 1000,

"max-height": 563

},

{

"type": "checkbox",

"id": "home_vendor_enable_12",

"label": "Enable Vendor 12"

},

{

"type": "text",

"id": "home_vendor_name_12",

"label": "Vendor link 12"

},

{

"type": "image",

"id": "vendor_logo_12.png",

"label": "Icon",

"max-width": 1000,

"max-height": 563

}

Dabei wird mir aber immer die Fehlermeldung  "Error: Invalid JSON: unexpected token" angezeigt.

Kann mir jemand sagen, was ich falsch mache/beachten muss und an welcher Stelle ich den Code am besten einfüge?

Danke und liebe Grüße

Simon

[Kai]

Hallo SimonSim,

ich helfe dir gerne dabei einen Weg zu finden dein Theme anzupassen.

Was ist Slick Slider genau und wäre es möglich, dass du den Link dazu mit mir teilst?

Falls es sich hierbei um ein App aus unserem Appshop handelt, findest du zu dem App ein Handbuch auf der jeweiligen Appseite in unserem Apshop. Hier ein Beispiel, wie das bei einem Shopify App aussieht:

Falls es eine eingebaute Funktion des Themes Canopy ist, findest du das Handbuch und die Kontaktdaten der relevanten Entwickler auf der Seite des Themes:

Für weitere Hilfe bei einer solchen Implementierung kannst du sonst auch einen Shopify Experten einstellen.

Welche Produkte verkaufst du in deinem Shopify Shop?

[SimonSim]

Hallo @Kai ,

wir wollten den slickslider von https://kenwheeler.github.io/slick/ implementieren.

Die Apps sind alle mit Abos verbunden oder ziemlich eingeschränkt in ihren Funktionen.

Wir verkaufen seit einem Jahr mit www.spiritofisland.com nachhaltigen Schmuck. Die Seite ist mit Wix erstellt.

Wir dachten, Shopify bringt viele Vorteile mit sich aber im Moment ist es eher frustrierend.

Ich hoffe, du kannst uns weiterhelfen.

Liebe Grüße

Simon

[tewe]

Hallo Simon,  @SimonSim 

deinem JSON-Beispiel fehlen die eckigen Klammern am Anfang und am Ende

 [{
"type": "header",
"content": "Vendor Logo Carousel"
},
...
{
"type": "image",
"id": "vendor_logo_12.png",
"label": "Icon",
"max-width": 1000,
"max-height": 563
}]

Gruß
Thomas

[Kai]

Hi SimonSim,

wenn die Implementierung von Code nicht so wie erhofft klappt, ist das verständlicherweise sehr frustrierend.

Klappt es denn mit tewes Vorschlag?

Ansonsten gibt es auch noch eine Reihe von kostenlosen Themes, die auf der Homepage eine Slideshow haben.

Das würde dann zwar bedeuten den Shop neu zu machen, doch eventuell lohnt sich das für euch. 

Bevor du Code-Änderungen an eurem Shop vornimmst, also auch Apps installierst ist es immer ratsam vorher das eigene Theme zu duplizieren, damit ihr immer ganz einfach zu einer funktionierenden Version eures Shops zurückkehren könnt.

[Gabe]

Hey Simon! @SimonSim 

Danke auch für eure Wix Shop URL - ein schönes Shop mit tollen Ringen. Ihr verkauft also Ringe mit schönen Gemstones in verschiedenen Größen und ihr legt auch viel Wert auf "Sustainability". Das ist ist ein toller Nischenmarkt und diese sind riesig groß heutzutage im Online Commerce. Was waren denn die größten Hindernisse mit diesem Shop was ihr gerne implementieren würdet?

Habt ihr ein Test Shop mit uns und was waren denn da die größten Roadblocks, bzw. bei Wix eine Limitation für euer Online Shop, dass ihr euch mit Shopify zu lösen erhofft? Es wäre interessant zu wissen, welche Features du gerne hättest, die du von Wix gewohnt bist, die aber mit der Plattform hier schwer zu implementieren sind, bzw. Kopfzerbrechen bereiten. 

Wie Kai auch sagt, raten wir mehrere Themes zum Shop hinzufügen denn viele haben genau die Sliders die du suchst. Um einen großen Arbeitsaufwand zu vermeiden, kannst du mehrere Themes (sowohl gratis als auch bezahlbare Themes) zum Shop hinzufügen und testen, darin rum-buddeln im Sandkasten. Nur so findest du das beste Theme für eure Ringe und Branding.

Eine bezahlbare Theme-Lizenz zahlt man nur beim Live-schalten des Themes und unten habe ich ein paar tolle Themes für euch ausgesucht, wie z. B. mit einer Video Slideshow. Warum die Ringe nicht live auf der Hand eines Modells anzeigen? 

• Füge diese Themes zum Shop um sie zu testen

Wie man so schön sagt "nichts ist unmöglich!" 😉

VG,