@markopolo_ai_inc/markopolo-email-editor 1.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (91) hide show
  1. package/README.md +63 -0
  2. package/build/asset-manifest.json +12 -0
  3. package/build/favicon.ico +0 -0
  4. package/build/index.html +1 -0
  5. package/build/logo192.png +0 -0
  6. package/build/logo512.png +0 -0
  7. package/build/manifest.json +25 -0
  8. package/build/robots.txt +3 -0
  9. package/build/static/css/main.588cb535.css +9 -0
  10. package/build/static/js/206.a4343501.chunk.js +1 -0
  11. package/build/static/js/main.053d366a.js +2 -0
  12. package/build/static/js/main.053d366a.js.LICENSE.txt +56 -0
  13. package/package.json +64 -0
  14. package/public/favicon.ico +0 -0
  15. package/public/index.html +50 -0
  16. package/public/logo192.png +0 -0
  17. package/public/logo512.png +0 -0
  18. package/public/manifest.json +25 -0
  19. package/public/robots.txt +3 -0
  20. package/src/App.js +15 -0
  21. package/src/components/EmailEditor/assets/App.css +339 -0
  22. package/src/components/EmailEditor/assets/Columns.css +309 -0
  23. package/src/components/EmailEditor/assets/Header.css +174 -0
  24. package/src/components/EmailEditor/assets/ImageBlock.css +12 -0
  25. package/src/components/EmailEditor/assets/Preview.css +30 -0
  26. package/src/components/EmailEditor/assets/RichText.css +199 -0
  27. package/src/components/EmailEditor/assets/RightSettings.css +520 -0
  28. package/src/components/EmailEditor/assets/Sidebar.css +195 -0
  29. package/src/components/EmailEditor/components/BlockItems/ButtonBlock.js +25 -0
  30. package/src/components/EmailEditor/components/BlockItems/DividerBlock.js +19 -0
  31. package/src/components/EmailEditor/components/BlockItems/HeadingBlock.js +16 -0
  32. package/src/components/EmailEditor/components/BlockItems/ImageBlock.js +28 -0
  33. package/src/components/EmailEditor/components/BlockItems/MenuBlock.js +52 -0
  34. package/src/components/EmailEditor/components/BlockItems/SocialLinkBlocks.js +26 -0
  35. package/src/components/EmailEditor/components/BlockItems/SpacerBlock.js +23 -0
  36. package/src/components/EmailEditor/components/BlockItems/TextBlock.js +16 -0
  37. package/src/components/EmailEditor/components/BlockItems/index.js +25 -0
  38. package/src/components/EmailEditor/components/ColorPicker/index.js +26 -0
  39. package/src/components/EmailEditor/components/Column/index.js +253 -0
  40. package/src/components/EmailEditor/components/Header/index.js +243 -0
  41. package/src/components/EmailEditor/components/LeftSideBar/index.js +253 -0
  42. package/src/components/EmailEditor/components/Main/index.js +281 -0
  43. package/src/components/EmailEditor/components/Preview/index.js +97 -0
  44. package/src/components/EmailEditor/components/RichText/Bold.js +37 -0
  45. package/src/components/EmailEditor/components/RichText/FontColor.js +39 -0
  46. package/src/components/EmailEditor/components/RichText/InsertOrderedList.js +36 -0
  47. package/src/components/EmailEditor/components/RichText/InsertUnorderedList.js +36 -0
  48. package/src/components/EmailEditor/components/RichText/Italic.js +36 -0
  49. package/src/components/EmailEditor/components/RichText/Link.js +99 -0
  50. package/src/components/EmailEditor/components/RichText/RichTextLayout.js +53 -0
  51. package/src/components/EmailEditor/components/RichText/Strikethrough.js +36 -0
  52. package/src/components/EmailEditor/components/RichText/TextAlign.js +58 -0
  53. package/src/components/EmailEditor/components/RichText/Underline.js +36 -0
  54. package/src/components/EmailEditor/components/RichText/index.js +210 -0
  55. package/src/components/EmailEditor/components/RightSetting/index.js +126 -0
  56. package/src/components/EmailEditor/components/StyleSettings/ButtonStyleSettings.js +141 -0
  57. package/src/components/EmailEditor/components/StyleSettings/ColumnStyleSettings.js +241 -0
  58. package/src/components/EmailEditor/components/StyleSettings/DividerStyleSettings.js +111 -0
  59. package/src/components/EmailEditor/components/StyleSettings/HeadingStyleSettings.js +162 -0
  60. package/src/components/EmailEditor/components/StyleSettings/ImageStyleSettings.js +217 -0
  61. package/src/components/EmailEditor/components/StyleSettings/MenuStyleSettings.js +177 -0
  62. package/src/components/EmailEditor/components/StyleSettings/PaddingSettings.js +30 -0
  63. package/src/components/EmailEditor/components/StyleSettings/SocialLinkSettings.js +250 -0
  64. package/src/components/EmailEditor/components/StyleSettings/SpacerStyleSettings.js +38 -0
  65. package/src/components/EmailEditor/components/StyleSettings/TextStyleSettings.js +108 -0
  66. package/src/components/EmailEditor/components/StyleSettings/index.js +32 -0
  67. package/src/components/EmailEditor/configs/getBlockConfigsList.js +263 -0
  68. package/src/components/EmailEditor/configs/getColumnConfigFunc.js +59 -0
  69. package/src/components/EmailEditor/configs/getColumnsSettings.js +246 -0
  70. package/src/components/EmailEditor/configs/useDataSource.js +19 -0
  71. package/src/components/EmailEditor/index.js +93 -0
  72. package/src/components/EmailEditor/reducers/index.js +173 -0
  73. package/src/components/EmailEditor/translation/en.js +166 -0
  74. package/src/components/EmailEditor/translation/index.js +39 -0
  75. package/src/components/EmailEditor/translation/zh.js +166 -0
  76. package/src/components/EmailEditor/utils/classNames.js +5 -0
  77. package/src/components/EmailEditor/utils/dataToHTML.js +323 -0
  78. package/src/components/EmailEditor/utils/exportValidation.js +296 -0
  79. package/src/components/EmailEditor/utils/helpers.js +48 -0
  80. package/src/components/EmailEditor/utils/pexels.js +20 -0
  81. package/src/components/EmailEditor/utils/useSection.js +24 -0
  82. package/src/components/EmailEditor/utils/useStyleLayout.js +82 -0
  83. package/src/index.css +99 -0
  84. package/src/index.js +15 -0
  85. package/src/logo.svg +1 -0
  86. package/src/pages/AppPage/index.js +10 -0
  87. package/src/pages/Dashboard/Header.js +192 -0
  88. package/src/pages/Dashboard/defaultBlockList.json +1758 -0
  89. package/src/pages/Dashboard/index.js +48 -0
  90. package/src/reportWebVitals.js +13 -0
  91. package/src/setupTests.js +5 -0
@@ -0,0 +1,1758 @@
1
+ {
2
+ "blockList": [
3
+ {
4
+ "name": "Column",
5
+ "key": "column",
6
+ "type": "full",
7
+ "styles": {
8
+ "key": "column",
9
+ "desktop": {
10
+ "backgroundColor": "transparent",
11
+ "paddingTop": 0,
12
+ "paddingLeft": 0,
13
+ "paddingRight": 0,
14
+ "paddingBottom": 0,
15
+ "contentBackground": "#fff"
16
+ },
17
+ "mobile": {}
18
+ },
19
+ "children": [
20
+ {
21
+ "name": "Content",
22
+ "key": "content",
23
+ "width": "100%",
24
+ "styles": {
25
+ "key": "column",
26
+ "desktop": {
27
+ "backgroundColor": "transparent",
28
+ "paddingTop": 0,
29
+ "paddingLeft": 0,
30
+ "paddingRight": 0,
31
+ "paddingBottom": 0,
32
+ "contentBackground": "transparent"
33
+ },
34
+ "mobile": {}
35
+ },
36
+ "children": [
37
+ {
38
+ "name": "Image",
39
+ "key": "image",
40
+ "src": "https://markopolo-client-creatives.s3.ap-southeast-1.amazonaws.com/uploads/7a79b0c2-5ce8-4a16-b80b-2906fff6345d.png",
41
+ "alt": "Image",
42
+ "type": "link",
43
+ "linkURL": "",
44
+ "contentStyles": {
45
+ "desktop": {
46
+ "paddingTop": 12,
47
+ "paddingBottom": 12,
48
+ "paddingLeft": 12,
49
+ "paddingRight": 12,
50
+ "textAlign": "center"
51
+ },
52
+ "mobile": {}
53
+ },
54
+ "styles": {
55
+ "desktop": {
56
+ "width": "50%"
57
+ },
58
+ "mobile": {}
59
+ },
60
+ "styleConfig": {
61
+ "className": "image-0",
62
+ "desktop": "width:50%;",
63
+ "mobile": ""
64
+ },
65
+ "contentStyleConfig": {
66
+ "className": "image-content-0",
67
+ "desktop": "padding-top:12px;padding-bottom:12px;padding-left:12px;padding-right:12px;text-align:center;",
68
+ "mobile": ""
69
+ }
70
+ }
71
+ ],
72
+ "styleConfig": {
73
+ "className": "content-0",
74
+ "desktop": "background-color:transparent;",
75
+ "mobile": ""
76
+ },
77
+ "contentStyleConfig": {
78
+ "className": "content-content-0",
79
+ "desktop": "background-color:transparent;",
80
+ "mobile": ""
81
+ }
82
+ }
83
+ ],
84
+ "styleConfig": {
85
+ "className": "column-0",
86
+ "desktop": "background-color:transparent;",
87
+ "mobile": ""
88
+ },
89
+ "contentStyleConfig": {
90
+ "className": "column-content-0",
91
+ "desktop": "background-color:#fff;",
92
+ "mobile": ""
93
+ }
94
+ },
95
+ {
96
+ "name": "Column",
97
+ "key": "column",
98
+ "type": "full",
99
+ "styles": {
100
+ "key": "column",
101
+ "desktop": {
102
+ "backgroundColor": "transparent",
103
+ "paddingTop": 0,
104
+ "paddingLeft": 0,
105
+ "paddingRight": 0,
106
+ "paddingBottom": 0,
107
+ "contentBackground": "#fff"
108
+ },
109
+ "mobile": {}
110
+ },
111
+ "children": [
112
+ {
113
+ "name": "Content",
114
+ "key": "content",
115
+ "width": "100%",
116
+ "styles": {
117
+ "key": "column",
118
+ "desktop": {
119
+ "backgroundColor": "transparent",
120
+ "paddingTop": 0,
121
+ "paddingLeft": 0,
122
+ "paddingRight": 0,
123
+ "paddingBottom": 0,
124
+ "contentBackground": "transparent"
125
+ },
126
+ "mobile": {}
127
+ },
128
+ "children": [
129
+ {
130
+ "name": "Menu",
131
+ "key": "menu",
132
+ "list": [
133
+ {
134
+ "label": "Shop",
135
+ "url": "https://www.psylish.com/collections/shop-all",
136
+ "target": "_blank"
137
+ },
138
+ {
139
+ "label": "Frey",
140
+ "url": "https://www.psylish.com/collections/frey",
141
+ "target": "_blank"
142
+ },
143
+ {
144
+ "label": "Our Story",
145
+ "url": "https://www.psylish.com/pages/about",
146
+ "target": "_self"
147
+ }
148
+ ],
149
+ "separator": " | ",
150
+ "contentStyles": {
151
+ "desktop": {
152
+ "paddingTop": 12,
153
+ "paddingBottom": 12,
154
+ "paddingLeft": 12,
155
+ "paddingRight": 12,
156
+ "textAlign": "center"
157
+ },
158
+ "mobile": {}
159
+ },
160
+ "styles": {
161
+ "desktop": {
162
+ "fontSize": 14,
163
+ "fontFamily": "Verdana",
164
+ "color": "#333333",
165
+ "linkColor": "#263d2d",
166
+ "paddingTop": 5,
167
+ "paddingBottom": 5,
168
+ "paddingLeft": 15,
169
+ "paddingRight": 15,
170
+ "textAlign": "center",
171
+ "letterSpacing": 1,
172
+ "fontWeight": "normal"
173
+ },
174
+ "mobile": {}
175
+ },
176
+ "styleConfig": {
177
+ "className": "menu-0",
178
+ "desktop": "font-size:14px;font-family:Verdana;color:#333333;link-color:#263d2d;padding-top:5px;padding-bottom:5px;padding-left:15px;padding-right:15px;text-align:center;letter-spacing:1px;font-weight:normal;",
179
+ "mobile": ""
180
+ },
181
+ "contentStyleConfig": {
182
+ "className": "menu-content-0",
183
+ "desktop": "padding-top:12px;padding-bottom:12px;padding-left:12px;padding-right:12px;text-align:center;",
184
+ "mobile": ""
185
+ }
186
+ }
187
+ ],
188
+ "styleConfig": {
189
+ "className": "1-content-0",
190
+ "desktop": "background-color:transparent;",
191
+ "mobile": ""
192
+ },
193
+ "contentStyleConfig": {
194
+ "className": "content-content-0",
195
+ "desktop": "background-color:transparent;",
196
+ "mobile": ""
197
+ }
198
+ }
199
+ ],
200
+ "styleConfig": {
201
+ "className": "column-1",
202
+ "desktop": "background-color:transparent;",
203
+ "mobile": ""
204
+ },
205
+ "contentStyleConfig": {
206
+ "className": "column-content-1",
207
+ "desktop": "background-color:#fff;",
208
+ "mobile": ""
209
+ }
210
+ },
211
+ {
212
+ "name": "Column",
213
+ "key": "column",
214
+ "type": "full",
215
+ "styles": {
216
+ "key": "column",
217
+ "desktop": {
218
+ "backgroundColor": "transparent",
219
+ "paddingTop": 0,
220
+ "paddingLeft": 0,
221
+ "paddingRight": 0,
222
+ "paddingBottom": 0,
223
+ "contentBackground": "#ffffff"
224
+ },
225
+ "mobile": {}
226
+ },
227
+ "children": [
228
+ {
229
+ "name": "Content",
230
+ "key": "content",
231
+ "width": "100%",
232
+ "styles": {
233
+ "key": "column",
234
+ "desktop": {
235
+ "backgroundColor": "transparent",
236
+ "paddingTop": 0,
237
+ "paddingLeft": 0,
238
+ "paddingRight": 0,
239
+ "paddingBottom": 0,
240
+ "contentBackground": "transparent"
241
+ },
242
+ "mobile": {}
243
+ },
244
+ "children": [
245
+ {
246
+ "name": "Image",
247
+ "key": "image",
248
+ "src": "https://markopolo-client-creatives.s3.ap-southeast-1.amazonaws.com/uploads/783c1720-a495-4957-9e81-f2371ee4402a.jpg",
249
+ "alt": "Image",
250
+ "type": "link",
251
+ "linkURL": "",
252
+ "contentStyles": {
253
+ "desktop": {
254
+ "paddingTop": 12,
255
+ "paddingBottom": 24,
256
+ "paddingLeft": 12,
257
+ "paddingRight": 12,
258
+ "textAlign": "center"
259
+ },
260
+ "mobile": {}
261
+ },
262
+ "styles": {
263
+ "desktop": {
264
+ "width": "100%"
265
+ },
266
+ "mobile": {}
267
+ },
268
+ "styleConfig": {
269
+ "className": "image-0",
270
+ "desktop": "width:100%;",
271
+ "mobile": ""
272
+ },
273
+ "contentStyleConfig": {
274
+ "className": "image-content-0",
275
+ "desktop": "padding-top:12px;padding-bottom:24px;padding-left:12px;padding-right:12px;text-align:center;",
276
+ "mobile": ""
277
+ }
278
+ }
279
+ ],
280
+ "styleConfig": {
281
+ "className": "2-content-0",
282
+ "desktop": "background-color:transparent;",
283
+ "mobile": ""
284
+ },
285
+ "contentStyleConfig": {
286
+ "className": "content-content-0",
287
+ "desktop": "background-color:transparent;",
288
+ "mobile": ""
289
+ }
290
+ }
291
+ ],
292
+ "styleConfig": {
293
+ "className": "column-2",
294
+ "desktop": "background-color:transparent;",
295
+ "mobile": ""
296
+ },
297
+ "contentStyleConfig": {
298
+ "className": "column-content-2",
299
+ "desktop": "background-color:#ffffff;",
300
+ "mobile": ""
301
+ },
302
+ "columns": 1
303
+ },
304
+ {
305
+ "name": "Column",
306
+ "key": "column",
307
+ "type": "full",
308
+ "styles": {
309
+ "key": "column",
310
+ "desktop": {
311
+ "backgroundColor": "transparent",
312
+ "paddingTop": 0,
313
+ "paddingLeft": 0,
314
+ "paddingRight": 0,
315
+ "paddingBottom": 0,
316
+ "contentBackground": "#ffa7aa"
317
+ },
318
+ "mobile": {}
319
+ },
320
+ "children": [
321
+ {
322
+ "name": "Content",
323
+ "key": "content",
324
+ "width": "100%",
325
+ "styles": {
326
+ "key": "column",
327
+ "desktop": {
328
+ "backgroundColor": "transparent",
329
+ "paddingTop": 0,
330
+ "paddingLeft": 0,
331
+ "paddingRight": 0,
332
+ "paddingBottom": 0,
333
+ "contentBackground": "transparent"
334
+ },
335
+ "mobile": {}
336
+ },
337
+ "children": [
338
+ {
339
+ "name": "Text",
340
+ "key": "text",
341
+ "text": "<div style=\"text-align: center;\"><font face=\"Arial\">Use <b>SAVE20</b> for <b>20% OFF</b>. Expires on 12-03-2026</font></div>",
342
+ "styles": {
343
+ "desktop": {
344
+ "fontSize": 14,
345
+ "fontFamily": "sans-serif",
346
+ "lineHeight": "140%",
347
+ "paddingTop": 12,
348
+ "paddingBottom": 12,
349
+ "paddingLeft": 12,
350
+ "paddingRight": 12,
351
+ "textAlign": "center"
352
+ },
353
+ "mobile": {}
354
+ },
355
+ "styleConfig": {
356
+ "className": "text-0",
357
+ "desktop": "font-size:14px;font-family:sans-serif;line-height:140%;padding-top:12px;padding-bottom:12px;padding-left:12px;padding-right:12px;text-align:center;",
358
+ "mobile": ""
359
+ }
360
+ }
361
+ ],
362
+ "styleConfig": {
363
+ "className": "3-content-0",
364
+ "desktop": "background-color:transparent;",
365
+ "mobile": ""
366
+ },
367
+ "contentStyleConfig": {
368
+ "className": "content-content-0",
369
+ "desktop": "background-color:transparent;",
370
+ "mobile": ""
371
+ }
372
+ }
373
+ ],
374
+ "styleConfig": {
375
+ "className": "column-3",
376
+ "desktop": "background-color:transparent;",
377
+ "mobile": ""
378
+ },
379
+ "contentStyleConfig": {
380
+ "className": "column-content-3",
381
+ "desktop": "background-color:#ffa7aa;",
382
+ "mobile": ""
383
+ }
384
+ },
385
+ {
386
+ "name": "Column",
387
+ "key": "column",
388
+ "type": "full",
389
+ "styles": {
390
+ "key": "column",
391
+ "desktop": {
392
+ "backgroundColor": "transparent",
393
+ "paddingTop": 0,
394
+ "paddingLeft": 0,
395
+ "paddingRight": 0,
396
+ "paddingBottom": 0,
397
+ "contentBackground": "#fff"
398
+ },
399
+ "mobile": {}
400
+ },
401
+ "children": [
402
+ {
403
+ "name": "Content",
404
+ "key": "content",
405
+ "width": "100%",
406
+ "styles": {
407
+ "key": "column",
408
+ "desktop": {
409
+ "backgroundColor": "transparent",
410
+ "paddingTop": 0,
411
+ "paddingLeft": 0,
412
+ "paddingRight": 0,
413
+ "paddingBottom": 0,
414
+ "contentBackground": "transparent"
415
+ },
416
+ "mobile": {}
417
+ },
418
+ "children": [
419
+ {
420
+ "name": "Divider",
421
+ "key": "divider",
422
+ "contentStyles": {
423
+ "desktop": {
424
+ "paddingTop": 12,
425
+ "paddingBottom": 12,
426
+ "paddingLeft": 12,
427
+ "paddingRight": 12,
428
+ "textAlign": "center"
429
+ },
430
+ "mobile": {}
431
+ },
432
+ "styles": {
433
+ "desktop": {
434
+ "width": "100%",
435
+ "borderTopStyle": "solid",
436
+ "borderTopColor": "#ccc",
437
+ "borderTopWidth": 1,
438
+ "display": "inline-block",
439
+ "verticalAlign": "middle"
440
+ },
441
+ "mobile": {}
442
+ },
443
+ "styleConfig": {
444
+ "className": "divider-0",
445
+ "desktop": "width:100%;border-top-style:solid;border-top-color:#ccc;border-top-width:1px;display:inline-block;vertical-align:middle;",
446
+ "mobile": ""
447
+ },
448
+ "contentStyleConfig": {
449
+ "className": "divider-content-0",
450
+ "desktop": "padding-top:12px;padding-bottom:12px;padding-left:12px;padding-right:12px;text-align:center;",
451
+ "mobile": ""
452
+ }
453
+ }
454
+ ],
455
+ "styleConfig": {
456
+ "className": "4-content-0",
457
+ "desktop": "background-color:transparent;",
458
+ "mobile": ""
459
+ },
460
+ "contentStyleConfig": {
461
+ "className": "content-content-0",
462
+ "desktop": "background-color:transparent;",
463
+ "mobile": ""
464
+ }
465
+ }
466
+ ],
467
+ "styleConfig": {
468
+ "className": "column-4",
469
+ "desktop": "background-color:transparent;",
470
+ "mobile": ""
471
+ },
472
+ "contentStyleConfig": {
473
+ "className": "column-content-4",
474
+ "desktop": "background-color:#fff;",
475
+ "mobile": ""
476
+ }
477
+ },
478
+ {
479
+ "name": "Column",
480
+ "key": "column",
481
+ "type": "full",
482
+ "styles": {
483
+ "key": "column",
484
+ "desktop": {
485
+ "backgroundColor": "transparent",
486
+ "paddingTop": 0,
487
+ "paddingLeft": 0,
488
+ "paddingRight": 0,
489
+ "paddingBottom": 0,
490
+ "contentBackground": "#fff"
491
+ },
492
+ "mobile": {}
493
+ },
494
+ "children": [
495
+ {
496
+ "name": "Content",
497
+ "key": "content",
498
+ "width": "100%",
499
+ "styles": {
500
+ "key": "column",
501
+ "desktop": {
502
+ "backgroundColor": "transparent",
503
+ "paddingTop": 0,
504
+ "paddingLeft": 0,
505
+ "paddingRight": 0,
506
+ "paddingBottom": 0,
507
+ "contentBackground": "transparent"
508
+ },
509
+ "mobile": {}
510
+ },
511
+ "children": [
512
+ {
513
+ "name": "Heading",
514
+ "key": "heading",
515
+ "text": "<div style=\"text-align: left;\"><span style=\"background-color: transparent;\"><font face=\"Arial\" style=\"font-size: 40px;\">The piece you loved is still here - complete your order before it's gone</font></span></div>",
516
+ "type": "h1",
517
+ "styles": {
518
+ "desktop": {
519
+ "fontSize": 28,
520
+ "lineHeight": "160%",
521
+ "fontFamily": "sans-serif",
522
+ "paddingTop": 12,
523
+ "paddingBottom": 12,
524
+ "paddingLeft": 12,
525
+ "paddingRight": 12,
526
+ "textAlign": "left",
527
+ "fontWeight": "bold"
528
+ },
529
+ "mobile": {
530
+ "fontSize": 24
531
+ }
532
+ },
533
+ "styleConfig": {
534
+ "className": "heading-0",
535
+ "desktop": "font-size:28px;line-height:160%;font-family:sans-serif;padding-top:12px;padding-bottom:12px;padding-left:12px;padding-right:12px;text-align:left;font-weight:bold;",
536
+ "mobile": "@media(max-width:620px){\n .heading-0 {\n font-size:24px !important;\n }\n }"
537
+ }
538
+ },
539
+ {
540
+ "name": "Text",
541
+ "key": "text",
542
+ "text": "<span style=\"color: rgb(0, 0, 0); white-space-collapse: preserve;\"><font face=\"Arial\" style=\"font-size: 16px;\">Hi Jenny, you added the stunning Alina Diamond Necklace to your cart, but didn't complete your purchase. We're holding it for you, but our inventory moves fast. Here's what's waiting for you, plus a few pieces that complement your style perfectly.</font></span>",
543
+ "styles": {
544
+ "desktop": {
545
+ "fontSize": 14,
546
+ "fontFamily": "sans-serif",
547
+ "lineHeight": "140%",
548
+ "paddingTop": 12,
549
+ "paddingBottom": 12,
550
+ "paddingLeft": 12,
551
+ "paddingRight": 12,
552
+ "textAlign": "left"
553
+ },
554
+ "mobile": {}
555
+ },
556
+ "styleConfig": {
557
+ "className": "text-1",
558
+ "desktop": "font-size:14px;font-family:sans-serif;line-height:140%;padding-top:12px;padding-bottom:12px;padding-left:12px;padding-right:12px;text-align:left;",
559
+ "mobile": ""
560
+ }
561
+ },
562
+ {
563
+ "name": "Image",
564
+ "key": "image",
565
+ "src": "https://www.psylish.com/cdn/shop/files/IMG_4632.jpg?v=1773123202&width=1220",
566
+ "alt": "Image",
567
+ "type": "link",
568
+ "linkURL": "",
569
+ "contentStyles": {
570
+ "desktop": {
571
+ "paddingTop": 12,
572
+ "paddingBottom": 12,
573
+ "paddingLeft": 12,
574
+ "paddingRight": 12,
575
+ "textAlign": "center"
576
+ },
577
+ "mobile": {}
578
+ },
579
+ "styles": {
580
+ "desktop": {
581
+ "width": "auto"
582
+ },
583
+ "mobile": {}
584
+ },
585
+ "styleConfig": {
586
+ "className": "image-2",
587
+ "desktop": "width:auto;",
588
+ "mobile": ""
589
+ },
590
+ "contentStyleConfig": {
591
+ "className": "image-content-2",
592
+ "desktop": "padding-top:12px;padding-bottom:12px;padding-left:12px;padding-right:12px;text-align:center;",
593
+ "mobile": ""
594
+ }
595
+ },
596
+ {
597
+ "name": "Heading",
598
+ "key": "heading",
599
+ "text": "<font style=\"font-size: 22px;\">Abundance Butterfly Diamond Ring</font>",
600
+ "type": "h2",
601
+ "styles": {
602
+ "desktop": {
603
+ "fontSize": 20,
604
+ "lineHeight": "100%",
605
+ "fontFamily": "Arial",
606
+ "color": "#263d2d",
607
+ "paddingTop": 12,
608
+ "paddingBottom": 2,
609
+ "paddingLeft": 12,
610
+ "paddingRight": 12,
611
+ "textAlign": "left",
612
+ "fontWeight": "bold"
613
+ },
614
+ "mobile": {}
615
+ },
616
+ "styleConfig": {
617
+ "className": "heading-3",
618
+ "desktop": "font-size:20px;line-height:100%;font-family:Arial;color:#263d2d;padding-top:12px;padding-bottom:2px;padding-left:12px;padding-right:12px;text-align:left;font-weight:bold;",
619
+ "mobile": ""
620
+ }
621
+ },
622
+ {
623
+ "name": "Text",
624
+ "key": "text",
625
+ "text": "<b style=\"border: none; white-space-collapse: preserve; background-color: transparent;\"><font style=\"border: none; font-size: 20px;\" face=\"Verdana\" color=\"#4c4c4c\">$2000.00</font></b>",
626
+ "styles": {
627
+ "desktop": {
628
+ "fontSize": 14,
629
+ "fontFamily": "sans-serif",
630
+ "color": "#2b00f9",
631
+ "lineHeight": "100%",
632
+ "paddingTop": 12,
633
+ "paddingBottom": 12,
634
+ "paddingLeft": 12,
635
+ "paddingRight": 12,
636
+ "textAlign": "left"
637
+ },
638
+ "mobile": {}
639
+ },
640
+ "styleConfig": {
641
+ "className": "text-4",
642
+ "desktop": "font-size:14px;font-family:sans-serif;color:#2b00f9;line-height:100%;padding-top:12px;padding-bottom:12px;padding-left:12px;padding-right:12px;text-align:left;",
643
+ "mobile": ""
644
+ }
645
+ },
646
+ {
647
+ "name": "Text",
648
+ "key": "text",
649
+ "text": "<font face=\"Arial\">The Maia Diamond Ring features round diamonds set along a delicate gold band, creating a refined and minimalistic look. Its versatile design makes it perfect for everyday wear or for layering with other rings.&nbsp;</font>",
650
+ "styles": {
651
+ "desktop": {
652
+ "fontSize": 14,
653
+ "fontFamily": "sans-serif",
654
+ "lineHeight": "140%",
655
+ "paddingTop": 2,
656
+ "paddingBottom": 12,
657
+ "paddingLeft": 12,
658
+ "paddingRight": 12,
659
+ "textAlign": "left"
660
+ },
661
+ "mobile": {}
662
+ },
663
+ "styleConfig": {
664
+ "className": "text-5",
665
+ "desktop": "font-size:14px;font-family:sans-serif;line-height:140%;padding-top:2px;padding-bottom:12px;padding-left:12px;padding-right:12px;text-align:left;",
666
+ "mobile": ""
667
+ }
668
+ },
669
+ {
670
+ "name": "Text",
671
+ "key": "text",
672
+ "text": "<div><ul><li><font face=\"Arial\">18K Gold Weight: 2.18g</font></li><li><font face=\"Arial\">Diamond Weight: 0.62 cts</font></li><li><font face=\"Arial\">Length: Adjustable at 16\", 17\",18\"</font></li><li><font face=\"Arial\">Closure: Lobster clasp Styling</font></li></ul></div>",
673
+ "styles": {
674
+ "desktop": {
675
+ "fontSize": 14,
676
+ "fontFamily": "sans-serif",
677
+ "lineHeight": "140%",
678
+ "paddingTop": null,
679
+ "paddingBottom": null,
680
+ "paddingLeft": 14,
681
+ "paddingRight": 12,
682
+ "textAlign": "left"
683
+ },
684
+ "mobile": {}
685
+ },
686
+ "styleConfig": {
687
+ "className": "text-6",
688
+ "desktop": "font-size:14px;font-family:sans-serif;line-height:140%;padding-left:14px;padding-right:12px;text-align:left;",
689
+ "mobile": ""
690
+ }
691
+ },
692
+ {
693
+ "name": "Button",
694
+ "key": "button",
695
+ "text": "<font face=\"Arial\" style=\"font-size: 16px;\"><b>Continue Checkout</b></font>",
696
+ "type": "link",
697
+ "linkURL": "www.psylish.com",
698
+ "contentStyles": {
699
+ "desktop": {
700
+ "textAlign": "center",
701
+ "paddingTop": 4,
702
+ "paddingBottom": 12,
703
+ "paddingLeft": 12,
704
+ "paddingRight": 12
705
+ },
706
+ "mobile": {}
707
+ },
708
+ "styles": {
709
+ "desktop": {
710
+ "width": "100%",
711
+ "fontSize": 12,
712
+ "lineHeight": "140%",
713
+ "borderRadius": 4,
714
+ "fontFamily": "sans-serif",
715
+ "paddingTop": 10,
716
+ "paddingBottom": 10,
717
+ "paddingLeft": 20,
718
+ "paddingRight": 20,
719
+ "backgroundColor": "#263d2d",
720
+ "color": "#fff",
721
+ "display": "inline-block"
722
+ },
723
+ "mobile": {}
724
+ },
725
+ "styleConfig": {
726
+ "className": "button-7",
727
+ "desktop": "width:100%;font-size:12px;line-height:140%;border-radius:4px;font-family:sans-serif;padding-top:10px;padding-bottom:10px;padding-left:20px;padding-right:20px;background-color:#263d2d;color:#fff;display:inline-block;",
728
+ "mobile": ""
729
+ },
730
+ "contentStyleConfig": {
731
+ "className": "button-content-7",
732
+ "desktop": "text-align:center;padding-top:4px;padding-bottom:12px;padding-left:12px;padding-right:12px;",
733
+ "mobile": ""
734
+ }
735
+ }
736
+ ],
737
+ "styleConfig": {
738
+ "className": "5-content-0",
739
+ "desktop": "background-color:transparent;",
740
+ "mobile": ""
741
+ },
742
+ "contentStyleConfig": {
743
+ "className": "content-content-0",
744
+ "desktop": "background-color:transparent;",
745
+ "mobile": ""
746
+ }
747
+ }
748
+ ],
749
+ "styleConfig": {
750
+ "className": "column-5",
751
+ "desktop": "background-color:transparent;",
752
+ "mobile": ""
753
+ },
754
+ "contentStyleConfig": {
755
+ "className": "column-content-5",
756
+ "desktop": "background-color:#fff;",
757
+ "mobile": ""
758
+ }
759
+ },
760
+ {
761
+ "name": "Column",
762
+ "key": "column",
763
+ "type": "full",
764
+ "styles": {
765
+ "key": "column",
766
+ "desktop": {
767
+ "backgroundColor": "transparent",
768
+ "paddingTop": 0,
769
+ "paddingLeft": 0,
770
+ "paddingRight": 0,
771
+ "paddingBottom": 0,
772
+ "contentBackground": "#fff"
773
+ },
774
+ "mobile": {}
775
+ },
776
+ "children": [
777
+ {
778
+ "name": "Content",
779
+ "key": "content",
780
+ "width": "100%",
781
+ "styles": {
782
+ "key": "column",
783
+ "desktop": {
784
+ "backgroundColor": "transparent",
785
+ "paddingTop": 0,
786
+ "paddingLeft": 0,
787
+ "paddingRight": 0,
788
+ "paddingBottom": 0,
789
+ "contentBackground": "transparent"
790
+ },
791
+ "mobile": {}
792
+ },
793
+ "children": [
794
+ {
795
+ "name": "Divider",
796
+ "key": "divider",
797
+ "contentStyles": {
798
+ "desktop": {
799
+ "paddingTop": null,
800
+ "paddingBottom": 12,
801
+ "paddingLeft": 12,
802
+ "paddingRight": 12,
803
+ "textAlign": "center"
804
+ },
805
+ "mobile": {}
806
+ },
807
+ "styles": {
808
+ "desktop": {
809
+ "width": "100%",
810
+ "borderTopStyle": "solid",
811
+ "borderTopColor": "#ccc",
812
+ "borderTopWidth": 1,
813
+ "display": "inline-block",
814
+ "verticalAlign": "middle"
815
+ },
816
+ "mobile": {}
817
+ },
818
+ "styleConfig": {
819
+ "className": "divider-0",
820
+ "desktop": "width:100%;border-top-style:solid;border-top-color:#ccc;border-top-width:1px;display:inline-block;vertical-align:middle;",
821
+ "mobile": ""
822
+ },
823
+ "contentStyleConfig": {
824
+ "className": "divider-content-0",
825
+ "desktop": "padding-bottom:12px;padding-left:12px;padding-right:12px;text-align:center;",
826
+ "mobile": ""
827
+ }
828
+ }
829
+ ],
830
+ "styleConfig": {
831
+ "className": "6-content-0",
832
+ "desktop": "background-color:transparent;",
833
+ "mobile": ""
834
+ },
835
+ "contentStyleConfig": {
836
+ "className": "content-content-0",
837
+ "desktop": "background-color:transparent;",
838
+ "mobile": ""
839
+ }
840
+ }
841
+ ],
842
+ "styleConfig": {
843
+ "className": "column-6",
844
+ "desktop": "background-color:transparent;",
845
+ "mobile": ""
846
+ },
847
+ "contentStyleConfig": {
848
+ "className": "column-content-6",
849
+ "desktop": "background-color:#fff;",
850
+ "mobile": ""
851
+ }
852
+ },
853
+ {
854
+ "name": "Column",
855
+ "key": "column",
856
+ "type": "full",
857
+ "styles": {
858
+ "key": "column",
859
+ "desktop": {
860
+ "backgroundColor": "transparent",
861
+ "paddingTop": 0,
862
+ "paddingLeft": 0,
863
+ "paddingRight": 0,
864
+ "paddingBottom": 0,
865
+ "contentBackground": "#fff"
866
+ },
867
+ "mobile": {}
868
+ },
869
+ "children": [
870
+ {
871
+ "name": "Content",
872
+ "key": "content",
873
+ "width": "100%",
874
+ "styles": {
875
+ "key": "column",
876
+ "desktop": {
877
+ "backgroundColor": "transparent",
878
+ "paddingTop": 0,
879
+ "paddingLeft": 0,
880
+ "paddingRight": 0,
881
+ "paddingBottom": 0,
882
+ "contentBackground": "transparent"
883
+ },
884
+ "mobile": {}
885
+ },
886
+ "children": [
887
+ {
888
+ "name": "Heading",
889
+ "key": "heading",
890
+ "text": "<font color=\"#263d2d\" face=\"Arial\">Curated For You</font>",
891
+ "type": "h1",
892
+ "styles": {
893
+ "desktop": {
894
+ "fontSize": 22,
895
+ "lineHeight": "140%",
896
+ "fontFamily": "sans-serif",
897
+ "paddingTop": 2,
898
+ "paddingBottom": 12,
899
+ "paddingLeft": 12,
900
+ "paddingRight": 12,
901
+ "textAlign": "left",
902
+ "fontWeight": "bold"
903
+ },
904
+ "mobile": {}
905
+ },
906
+ "styleConfig": {
907
+ "className": "heading-0",
908
+ "desktop": "font-size:22px;line-height:140%;font-family:sans-serif;padding-top:2px;padding-bottom:12px;padding-left:12px;padding-right:12px;text-align:left;font-weight:bold;",
909
+ "mobile": ""
910
+ }
911
+ }
912
+ ],
913
+ "styleConfig": {
914
+ "className": "7-content-0",
915
+ "desktop": "background-color:transparent;",
916
+ "mobile": ""
917
+ },
918
+ "contentStyleConfig": {
919
+ "className": "content-content-0",
920
+ "desktop": "background-color:transparent;",
921
+ "mobile": ""
922
+ }
923
+ }
924
+ ],
925
+ "styleConfig": {
926
+ "className": "column-7",
927
+ "desktop": "background-color:transparent;",
928
+ "mobile": ""
929
+ },
930
+ "contentStyleConfig": {
931
+ "className": "column-content-7",
932
+ "desktop": "background-color:#fff;",
933
+ "mobile": ""
934
+ }
935
+ },
936
+ {
937
+ "name": "Column",
938
+ "key": "column",
939
+ "type": "1-1",
940
+ "styles": {
941
+ "key": "column",
942
+ "desktop": {
943
+ "backgroundColor": "transparent",
944
+ "paddingTop": 0,
945
+ "paddingLeft": 0,
946
+ "paddingRight": 0,
947
+ "paddingBottom": 0,
948
+ "contentBackground": "#fff"
949
+ },
950
+ "mobile": {}
951
+ },
952
+ "children": [
953
+ {
954
+ "name": "Content",
955
+ "key": "content",
956
+ "width": "50%",
957
+ "styles": {
958
+ "key": "column",
959
+ "desktop": {
960
+ "backgroundColor": "transparent",
961
+ "paddingTop": 0,
962
+ "paddingLeft": 0,
963
+ "paddingRight": 0,
964
+ "paddingBottom": 0,
965
+ "contentBackground": "transparent"
966
+ },
967
+ "mobile": {}
968
+ },
969
+ "children": [
970
+ {
971
+ "name": "Image",
972
+ "key": "image",
973
+ "src": "https://www.psylish.com/cdn/shop/files/Psylish3.0_15.png?v=1770880382&width=1220",
974
+ "alt": "Image",
975
+ "type": "link",
976
+ "linkURL": "",
977
+ "contentStyles": {
978
+ "desktop": {
979
+ "paddingTop": 12,
980
+ "paddingBottom": 12,
981
+ "paddingLeft": 12,
982
+ "paddingRight": 12,
983
+ "textAlign": "center"
984
+ },
985
+ "mobile": {}
986
+ },
987
+ "styles": {
988
+ "desktop": {
989
+ "width": "auto"
990
+ },
991
+ "mobile": {}
992
+ },
993
+ "styleConfig": {
994
+ "className": "image-0",
995
+ "desktop": "width:auto;",
996
+ "mobile": ""
997
+ },
998
+ "contentStyleConfig": {
999
+ "className": "image-content-0",
1000
+ "desktop": "padding-top:12px;padding-bottom:12px;padding-left:12px;padding-right:12px;text-align:center;",
1001
+ "mobile": ""
1002
+ }
1003
+ },
1004
+ {
1005
+ "name": "Heading",
1006
+ "key": "heading",
1007
+ "text": "<div><font color=\"#263d2d\" face=\"Arial\">Heartline Diamond Ring</font></div>",
1008
+ "type": "h2",
1009
+ "styles": {
1010
+ "desktop": {
1011
+ "fontSize": 20,
1012
+ "lineHeight": "140%",
1013
+ "fontFamily": "Arial",
1014
+ "paddingTop": 6,
1015
+ "paddingBottom": 12,
1016
+ "paddingLeft": 12,
1017
+ "paddingRight": 12,
1018
+ "textAlign": "center",
1019
+ "fontWeight": "bold"
1020
+ },
1021
+ "mobile": {}
1022
+ },
1023
+ "styleConfig": {
1024
+ "className": "heading-1",
1025
+ "desktop": "font-size:20px;line-height:140%;font-family:Arial;padding-top:6px;padding-bottom:12px;padding-left:12px;padding-right:12px;text-align:center;font-weight:bold;",
1026
+ "mobile": ""
1027
+ }
1028
+ },
1029
+ {
1030
+ "name": "Text",
1031
+ "key": "text",
1032
+ "text": "<div style=\"text-align: center;\"><b><font style=\"font-size: 16px;\"><span style=\"color: rgb(76, 76, 76); font-family: Verdana; background-color: transparent; white-space-collapse: preserve;\"><strike style=\"\">$1200.00</strike> </span><span style=\"color: rgb(76, 76, 76); font-family: Verdana; background-color: transparent; white-space-collapse: preserve; text-align: left;\">$1000.00</span></font></b></div>",
1033
+ "styles": {
1034
+ "desktop": {
1035
+ "fontSize": 12,
1036
+ "fontFamily": "sans-serif",
1037
+ "lineHeight": "100%",
1038
+ "paddingTop": 2,
1039
+ "paddingBottom": 14,
1040
+ "paddingLeft": 12,
1041
+ "paddingRight": 12,
1042
+ "textAlign": "left"
1043
+ },
1044
+ "mobile": {}
1045
+ },
1046
+ "styleConfig": {
1047
+ "className": "text-2",
1048
+ "desktop": "font-size:12px;font-family:sans-serif;line-height:100%;padding-top:2px;padding-bottom:14px;padding-left:12px;padding-right:12px;text-align:left;",
1049
+ "mobile": ""
1050
+ }
1051
+ },
1052
+ {
1053
+ "name": "Text",
1054
+ "key": "text",
1055
+ "text": "The Sariah Diamond Earrings feature round diamonds in a classic hoop design that curves elegantly around the lobe. Their minimalist silhouette makes them perfect for everyday wear or adding a touch of sparkle to layered look.",
1056
+ "styles": {
1057
+ "desktop": {
1058
+ "fontSize": 14,
1059
+ "fontFamily": "sans-serif",
1060
+ "lineHeight": "140%",
1061
+ "paddingTop": 2,
1062
+ "paddingBottom": 10,
1063
+ "paddingLeft": 12,
1064
+ "paddingRight": 12,
1065
+ "textAlign": "left"
1066
+ },
1067
+ "mobile": {}
1068
+ },
1069
+ "styleConfig": {
1070
+ "className": "text-3",
1071
+ "desktop": "font-size:14px;font-family:sans-serif;line-height:140%;padding-top:2px;padding-bottom:10px;padding-left:12px;padding-right:12px;text-align:left;",
1072
+ "mobile": ""
1073
+ }
1074
+ },
1075
+ {
1076
+ "name": "Text",
1077
+ "key": "text",
1078
+ "text": "<div><ul><li>18K Gold Weight: 2.18g</li><li>Diamond Weight: 0.62 cts</li><li>Length: Adjustable at 16\", 17\",18\"</li><li>Closure: Lobster clasp Styling</li></ul></div>",
1079
+ "styles": {
1080
+ "desktop": {
1081
+ "fontSize": 14,
1082
+ "fontFamily": "sans-serif",
1083
+ "lineHeight": "140%",
1084
+ "paddingTop": 0,
1085
+ "paddingBottom": 0,
1086
+ "paddingLeft": 12,
1087
+ "paddingRight": 12,
1088
+ "textAlign": "left"
1089
+ },
1090
+ "mobile": {}
1091
+ },
1092
+ "styleConfig": {
1093
+ "className": "text-4",
1094
+ "desktop": "font-size:14px;font-family:sans-serif;line-height:140%;padding-left:12px;padding-right:12px;text-align:left;",
1095
+ "mobile": ""
1096
+ }
1097
+ },
1098
+ {
1099
+ "name": "Button",
1100
+ "key": "button",
1101
+ "text": "<b>ADD TO CART</b>",
1102
+ "type": "link",
1103
+ "linkURL": "www.psylish.com/",
1104
+ "contentStyles": {
1105
+ "desktop": {
1106
+ "textAlign": "center",
1107
+ "paddingTop": 0,
1108
+ "paddingBottom": 12,
1109
+ "paddingLeft": 12,
1110
+ "paddingRight": 12
1111
+ },
1112
+ "mobile": {}
1113
+ },
1114
+ "styles": {
1115
+ "desktop": {
1116
+ "width": "100%",
1117
+ "fontSize": 12,
1118
+ "lineHeight": "140%",
1119
+ "borderRadius": 4,
1120
+ "fontFamily": "sans-serif",
1121
+ "paddingTop": 10,
1122
+ "paddingBottom": 10,
1123
+ "paddingLeft": 20,
1124
+ "paddingRight": 20,
1125
+ "backgroundColor": "#263d2d",
1126
+ "color": "#fff",
1127
+ "display": "inline-block"
1128
+ },
1129
+ "mobile": {}
1130
+ },
1131
+ "styleConfig": {
1132
+ "className": "button-5",
1133
+ "desktop": "width:100%;font-size:12px;line-height:140%;border-radius:4px;font-family:sans-serif;padding-top:10px;padding-bottom:10px;padding-left:20px;padding-right:20px;background-color:#263d2d;color:#fff;display:inline-block;",
1134
+ "mobile": ""
1135
+ },
1136
+ "contentStyleConfig": {
1137
+ "className": "button-content-5",
1138
+ "desktop": "text-align:center;padding-bottom:12px;padding-left:12px;padding-right:12px;",
1139
+ "mobile": ""
1140
+ }
1141
+ }
1142
+ ],
1143
+ "styleConfig": {
1144
+ "className": "8-content-0",
1145
+ "desktop": "background-color:transparent;",
1146
+ "mobile": ""
1147
+ },
1148
+ "contentStyleConfig": {
1149
+ "className": "content-content-0",
1150
+ "desktop": "background-color:transparent;",
1151
+ "mobile": ""
1152
+ }
1153
+ },
1154
+ {
1155
+ "name": "Content",
1156
+ "key": "content",
1157
+ "width": "50%",
1158
+ "styles": {
1159
+ "key": "column",
1160
+ "desktop": {
1161
+ "backgroundColor": "transparent",
1162
+ "paddingTop": 0,
1163
+ "paddingLeft": 0,
1164
+ "paddingRight": 0,
1165
+ "paddingBottom": 0,
1166
+ "contentBackground": "transparent"
1167
+ },
1168
+ "mobile": {}
1169
+ },
1170
+ "children": [
1171
+ {
1172
+ "name": "Image",
1173
+ "key": "image",
1174
+ "src": "https://www.psylish.com/cdn/shop/files/Psylish3.0_48.png?v=1770881768&width=1220",
1175
+ "alt": "Image",
1176
+ "type": "link",
1177
+ "linkURL": "",
1178
+ "contentStyles": {
1179
+ "desktop": {
1180
+ "paddingTop": 12,
1181
+ "paddingBottom": 12,
1182
+ "paddingLeft": 12,
1183
+ "paddingRight": 12,
1184
+ "textAlign": "center"
1185
+ },
1186
+ "mobile": {}
1187
+ },
1188
+ "styles": {
1189
+ "desktop": {
1190
+ "width": "auto"
1191
+ },
1192
+ "mobile": {}
1193
+ },
1194
+ "styleConfig": {
1195
+ "className": "1-image-0",
1196
+ "desktop": "width:auto;",
1197
+ "mobile": ""
1198
+ },
1199
+ "contentStyleConfig": {
1200
+ "className": "image-content-0",
1201
+ "desktop": "padding-top:12px;padding-bottom:12px;padding-left:12px;padding-right:12px;text-align:center;",
1202
+ "mobile": ""
1203
+ }
1204
+ },
1205
+ {
1206
+ "name": "Heading",
1207
+ "key": "heading",
1208
+ "text": "<font color=\"#263d2d\" face=\"Arial\"><span style=\"font-size: 20px;\">Lynx Heart Diamond Ring</span></font>",
1209
+ "type": "h2",
1210
+ "styles": {
1211
+ "desktop": {
1212
+ "fontSize": 20,
1213
+ "lineHeight": "140%",
1214
+ "fontFamily": "sans-serif",
1215
+ "paddingTop": 6,
1216
+ "paddingBottom": 12,
1217
+ "paddingLeft": 12,
1218
+ "paddingRight": 12,
1219
+ "textAlign": "center",
1220
+ "fontWeight": "bold"
1221
+ },
1222
+ "mobile": {}
1223
+ },
1224
+ "styleConfig": {
1225
+ "className": "1-heading-1",
1226
+ "desktop": "font-size:20px;line-height:140%;font-family:sans-serif;padding-top:6px;padding-bottom:12px;padding-left:12px;padding-right:12px;text-align:center;font-weight:bold;",
1227
+ "mobile": ""
1228
+ }
1229
+ },
1230
+ {
1231
+ "name": "Text",
1232
+ "key": "text",
1233
+ "text": "<font style=\"font-size: 16px;\"><b><span style=\"text-align: center; white-space-collapse: preserve; background-color: transparent; color: rgb(76, 76, 76); font-family: Verdana;\"><strike style=\"\">$1200.00</strike> </span><span style=\"white-space-collapse: preserve; background-color: transparent; color: rgb(76, 76, 76); font-family: Verdana;\">$900.00</span></b></font>",
1234
+ "styles": {
1235
+ "desktop": {
1236
+ "fontSize": 12,
1237
+ "fontFamily": "Arial",
1238
+ "lineHeight": "100%",
1239
+ "paddingTop": 2,
1240
+ "paddingBottom": 14,
1241
+ "paddingLeft": 12,
1242
+ "paddingRight": 12,
1243
+ "textAlign": "center"
1244
+ },
1245
+ "mobile": {}
1246
+ },
1247
+ "styleConfig": {
1248
+ "className": "1-text-2",
1249
+ "desktop": "font-size:12px;font-family:Arial;line-height:100%;padding-top:2px;padding-bottom:14px;padding-left:12px;padding-right:12px;text-align:center;",
1250
+ "mobile": ""
1251
+ }
1252
+ },
1253
+ {
1254
+ "name": "Text",
1255
+ "key": "text",
1256
+ "text": "The Sariah Diamond Earrings feature round diamonds in a classic hoop design that curves elegantly around the lobe. Their minimalist silhouette makes them perfect for everyday wear or adding a touch of sparkle to layered look.",
1257
+ "styles": {
1258
+ "desktop": {
1259
+ "fontSize": 14,
1260
+ "fontFamily": "sans-serif",
1261
+ "lineHeight": "140%",
1262
+ "paddingTop": 2,
1263
+ "paddingBottom": 10,
1264
+ "paddingLeft": 12,
1265
+ "paddingRight": 12,
1266
+ "textAlign": "left"
1267
+ },
1268
+ "mobile": {}
1269
+ },
1270
+ "styleConfig": {
1271
+ "className": "1-text-3",
1272
+ "desktop": "font-size:14px;font-family:sans-serif;line-height:140%;padding-top:2px;padding-bottom:10px;padding-left:12px;padding-right:12px;text-align:left;",
1273
+ "mobile": ""
1274
+ }
1275
+ },
1276
+ {
1277
+ "name": "Text",
1278
+ "key": "text",
1279
+ "text": "<div><ul><li>18K Gold Weight: 2.18g</li><li>Diamond Weight: 0.62 cts</li><li>Length: Adjustable at 16\", 17\",18\"</li><li>Closure: Lobster clasp Styling</li></ul></div>",
1280
+ "styles": {
1281
+ "desktop": {
1282
+ "fontSize": 14,
1283
+ "fontFamily": "sans-serif",
1284
+ "lineHeight": "140%",
1285
+ "paddingTop": 0,
1286
+ "paddingBottom": 0,
1287
+ "paddingLeft": 12,
1288
+ "paddingRight": 12,
1289
+ "textAlign": "left"
1290
+ },
1291
+ "mobile": {}
1292
+ },
1293
+ "styleConfig": {
1294
+ "className": "1-text-4",
1295
+ "desktop": "font-size:14px;font-family:sans-serif;line-height:140%;padding-left:12px;padding-right:12px;text-align:left;",
1296
+ "mobile": ""
1297
+ }
1298
+ },
1299
+ {
1300
+ "name": "Button",
1301
+ "key": "button",
1302
+ "text": "<font face=\"Arial\"><b>ADD TO CART</b></font>",
1303
+ "type": "link",
1304
+ "linkURL": "www.psylish.com/",
1305
+ "contentStyles": {
1306
+ "desktop": {
1307
+ "textAlign": "center",
1308
+ "paddingTop": 0,
1309
+ "paddingBottom": 12,
1310
+ "paddingLeft": 12,
1311
+ "paddingRight": 12
1312
+ },
1313
+ "mobile": {}
1314
+ },
1315
+ "styles": {
1316
+ "desktop": {
1317
+ "width": "100%",
1318
+ "fontSize": 12,
1319
+ "lineHeight": "140%",
1320
+ "borderRadius": 4,
1321
+ "fontFamily": "sans-serif",
1322
+ "paddingTop": 10,
1323
+ "paddingBottom": 10,
1324
+ "paddingLeft": 20,
1325
+ "paddingRight": 20,
1326
+ "backgroundColor": "#263d2d",
1327
+ "color": "#fff",
1328
+ "display": "inline-block"
1329
+ },
1330
+ "mobile": {}
1331
+ },
1332
+ "styleConfig": {
1333
+ "className": "1-button-5",
1334
+ "desktop": "width:100%;font-size:12px;line-height:140%;border-radius:4px;font-family:sans-serif;padding-top:10px;padding-bottom:10px;padding-left:20px;padding-right:20px;background-color:#263d2d;color:#fff;display:inline-block;",
1335
+ "mobile": ""
1336
+ },
1337
+ "contentStyleConfig": {
1338
+ "className": "button-content-5",
1339
+ "desktop": "text-align:center;padding-bottom:12px;padding-left:12px;padding-right:12px;",
1340
+ "mobile": ""
1341
+ }
1342
+ }
1343
+ ],
1344
+ "styleConfig": {
1345
+ "className": "8-content-1",
1346
+ "desktop": "background-color:transparent;",
1347
+ "mobile": ""
1348
+ },
1349
+ "contentStyleConfig": {
1350
+ "className": "content-content-1",
1351
+ "desktop": "background-color:transparent;",
1352
+ "mobile": ""
1353
+ }
1354
+ }
1355
+ ],
1356
+ "styleConfig": {
1357
+ "className": "column-8",
1358
+ "desktop": "background-color:transparent;",
1359
+ "mobile": ""
1360
+ },
1361
+ "contentStyleConfig": {
1362
+ "className": "column-content-8",
1363
+ "desktop": "background-color:#fff;",
1364
+ "mobile": ""
1365
+ },
1366
+ "columns": 2
1367
+ },
1368
+ {
1369
+ "name": "Column",
1370
+ "key": "column",
1371
+ "type": "full",
1372
+ "styles": {
1373
+ "key": "column",
1374
+ "desktop": {
1375
+ "backgroundColor": "transparent",
1376
+ "paddingTop": 0,
1377
+ "paddingLeft": 0,
1378
+ "paddingRight": 0,
1379
+ "paddingBottom": 0,
1380
+ "contentBackground": "#fff"
1381
+ },
1382
+ "mobile": {}
1383
+ },
1384
+ "children": [
1385
+ {
1386
+ "name": "Content",
1387
+ "key": "content",
1388
+ "width": "100%",
1389
+ "styles": {
1390
+ "key": "column",
1391
+ "desktop": {
1392
+ "backgroundColor": "transparent",
1393
+ "paddingTop": 0,
1394
+ "paddingLeft": 0,
1395
+ "paddingRight": 0,
1396
+ "paddingBottom": 0,
1397
+ "contentBackground": "transparent"
1398
+ },
1399
+ "mobile": {}
1400
+ },
1401
+ "children": [
1402
+ {
1403
+ "name": "Divider",
1404
+ "key": "divider",
1405
+ "contentStyles": {
1406
+ "desktop": {
1407
+ "paddingTop": 2,
1408
+ "paddingBottom": 12,
1409
+ "paddingLeft": 12,
1410
+ "paddingRight": 12,
1411
+ "textAlign": "center"
1412
+ },
1413
+ "mobile": {}
1414
+ },
1415
+ "styles": {
1416
+ "desktop": {
1417
+ "width": "100%",
1418
+ "borderTopStyle": "solid",
1419
+ "borderTopColor": "#ccc",
1420
+ "borderTopWidth": 1,
1421
+ "display": "inline-block",
1422
+ "verticalAlign": "middle"
1423
+ },
1424
+ "mobile": {}
1425
+ },
1426
+ "styleConfig": {
1427
+ "className": "divider-0",
1428
+ "desktop": "width:100%;border-top-style:solid;border-top-color:#ccc;border-top-width:1px;display:inline-block;vertical-align:middle;",
1429
+ "mobile": ""
1430
+ },
1431
+ "contentStyleConfig": {
1432
+ "className": "divider-content-0",
1433
+ "desktop": "padding-top:2px;padding-bottom:12px;padding-left:12px;padding-right:12px;text-align:center;",
1434
+ "mobile": ""
1435
+ }
1436
+ }
1437
+ ],
1438
+ "styleConfig": {
1439
+ "className": "9-content-0",
1440
+ "desktop": "background-color:transparent;",
1441
+ "mobile": ""
1442
+ },
1443
+ "contentStyleConfig": {
1444
+ "className": "content-content-0",
1445
+ "desktop": "background-color:transparent;",
1446
+ "mobile": ""
1447
+ }
1448
+ }
1449
+ ],
1450
+ "styleConfig": {
1451
+ "className": "column-9",
1452
+ "desktop": "background-color:transparent;",
1453
+ "mobile": ""
1454
+ },
1455
+ "contentStyleConfig": {
1456
+ "className": "column-content-9",
1457
+ "desktop": "background-color:#fff;",
1458
+ "mobile": ""
1459
+ }
1460
+ },
1461
+ {
1462
+ "name": "Column",
1463
+ "key": "column",
1464
+ "type": "full",
1465
+ "styles": {
1466
+ "key": "column",
1467
+ "desktop": {
1468
+ "backgroundColor": "transparent",
1469
+ "paddingTop": 0,
1470
+ "paddingLeft": 0,
1471
+ "paddingRight": 0,
1472
+ "paddingBottom": 0,
1473
+ "contentBackground": "#fff"
1474
+ },
1475
+ "mobile": {}
1476
+ },
1477
+ "children": [
1478
+ {
1479
+ "name": "Content",
1480
+ "key": "content",
1481
+ "width": "100%",
1482
+ "styles": {
1483
+ "key": "column",
1484
+ "desktop": {
1485
+ "backgroundColor": "transparent",
1486
+ "paddingTop": 0,
1487
+ "paddingLeft": 0,
1488
+ "paddingRight": 0,
1489
+ "paddingBottom": 0,
1490
+ "contentBackground": "transparent"
1491
+ },
1492
+ "mobile": {}
1493
+ },
1494
+ "children": [
1495
+ {
1496
+ "name": "Image",
1497
+ "key": "image",
1498
+ "src": "https://markopolo-client-creatives.s3.ap-southeast-1.amazonaws.com/uploads/08f85eca-749f-4aa2-998c-f5abbae0eddd.jpg",
1499
+ "alt": "Image",
1500
+ "type": "link",
1501
+ "linkURL": "",
1502
+ "contentStyles": {
1503
+ "desktop": {
1504
+ "paddingTop": 0,
1505
+ "paddingBottom": 12,
1506
+ "paddingLeft": 12,
1507
+ "paddingRight": 12,
1508
+ "textAlign": "center"
1509
+ },
1510
+ "mobile": {}
1511
+ },
1512
+ "styles": {
1513
+ "desktop": {
1514
+ "width": "auto"
1515
+ },
1516
+ "mobile": {}
1517
+ },
1518
+ "styleConfig": {
1519
+ "className": "image-0",
1520
+ "desktop": "width:auto;",
1521
+ "mobile": ""
1522
+ },
1523
+ "contentStyleConfig": {
1524
+ "className": "image-content-0",
1525
+ "desktop": "padding-bottom:12px;padding-left:12px;padding-right:12px;text-align:center;",
1526
+ "mobile": ""
1527
+ }
1528
+ }
1529
+ ],
1530
+ "styleConfig": {
1531
+ "className": "10-content-0",
1532
+ "desktop": "background-color:transparent;",
1533
+ "mobile": ""
1534
+ },
1535
+ "contentStyleConfig": {
1536
+ "className": "content-content-0",
1537
+ "desktop": "background-color:transparent;",
1538
+ "mobile": ""
1539
+ }
1540
+ }
1541
+ ],
1542
+ "styleConfig": {
1543
+ "className": "column-10",
1544
+ "desktop": "background-color:transparent;",
1545
+ "mobile": ""
1546
+ },
1547
+ "contentStyleConfig": {
1548
+ "className": "column-content-10",
1549
+ "desktop": "background-color:#fff;",
1550
+ "mobile": ""
1551
+ }
1552
+ },
1553
+ {
1554
+ "name": "Column",
1555
+ "key": "column",
1556
+ "type": "full",
1557
+ "styles": {
1558
+ "key": "column",
1559
+ "desktop": {
1560
+ "backgroundColor": "transparent",
1561
+ "paddingTop": 0,
1562
+ "paddingLeft": 0,
1563
+ "paddingRight": 0,
1564
+ "paddingBottom": 0,
1565
+ "contentBackground": "#fff"
1566
+ },
1567
+ "mobile": {}
1568
+ },
1569
+ "children": [
1570
+ {
1571
+ "name": "Content",
1572
+ "key": "content",
1573
+ "width": "100%",
1574
+ "styles": {
1575
+ "key": "column",
1576
+ "desktop": {
1577
+ "backgroundColor": "transparent",
1578
+ "paddingTop": 0,
1579
+ "paddingLeft": 0,
1580
+ "paddingRight": 0,
1581
+ "paddingBottom": 0,
1582
+ "contentBackground": "transparent"
1583
+ },
1584
+ "mobile": {}
1585
+ },
1586
+ "children": [
1587
+ {
1588
+ "name": "Image",
1589
+ "key": "image",
1590
+ "src": "https://markopolo-client-creatives.s3.ap-southeast-1.amazonaws.com/uploads/7a79b0c2-5ce8-4a16-b80b-2906fff6345d.png",
1591
+ "alt": "Image",
1592
+ "type": "link",
1593
+ "linkURL": "",
1594
+ "contentStyles": {
1595
+ "desktop": {
1596
+ "paddingTop": 20,
1597
+ "paddingBottom": 12,
1598
+ "paddingLeft": 12,
1599
+ "paddingRight": 12,
1600
+ "textAlign": "center"
1601
+ },
1602
+ "mobile": {}
1603
+ },
1604
+ "styles": {
1605
+ "desktop": {
1606
+ "width": "35%"
1607
+ },
1608
+ "mobile": {}
1609
+ },
1610
+ "styleConfig": {
1611
+ "className": "image-0",
1612
+ "desktop": "width:35%;",
1613
+ "mobile": ""
1614
+ },
1615
+ "contentStyleConfig": {
1616
+ "className": "image-content-0",
1617
+ "desktop": "padding-top:20px;padding-bottom:12px;padding-left:12px;padding-right:12px;text-align:center;",
1618
+ "mobile": ""
1619
+ }
1620
+ },
1621
+ {
1622
+ "name": "Text",
1623
+ "key": "text",
1624
+ "text": "<div style=\"text-align: center;\"><span style=\"background-color: transparent;\"><font face=\"Arial\"><i><b>Your Pace, Your Diamonds</b></i></font></span></div>",
1625
+ "styles": {
1626
+ "desktop": {
1627
+ "fontSize": 14,
1628
+ "fontFamily": "sans-serif",
1629
+ "lineHeight": "140%",
1630
+ "paddingTop": 0,
1631
+ "paddingBottom": 12,
1632
+ "paddingLeft": 12,
1633
+ "paddingRight": 12,
1634
+ "textAlign": "left"
1635
+ },
1636
+ "mobile": {}
1637
+ },
1638
+ "styleConfig": {
1639
+ "className": "text-1",
1640
+ "desktop": "font-size:14px;font-family:sans-serif;line-height:140%;padding-bottom:12px;padding-left:12px;padding-right:12px;text-align:left;",
1641
+ "mobile": ""
1642
+ }
1643
+ },
1644
+ {
1645
+ "name": "Social Link",
1646
+ "key": "social_link",
1647
+ "list": [
1648
+ {
1649
+ "image": "https://s.magecdn.com/social/tc-facebook.svg",
1650
+ "title": "Facebook",
1651
+ "linkURL": ""
1652
+ },
1653
+ {
1654
+ "image": "https://s.magecdn.com/social/tc-instagram.svg",
1655
+ "title": "Instagram",
1656
+ "linkURL": ""
1657
+ },
1658
+ {
1659
+ "image": "https://s.magecdn.com/social/tc-tiktok.svg",
1660
+ "title": "TikTok",
1661
+ "linkURL": ""
1662
+ },
1663
+ {
1664
+ "image": "https://s.magecdn.com/social/tc-x.svg",
1665
+ "title": "Twitter",
1666
+ "linkURL": ""
1667
+ }
1668
+ ],
1669
+ "imageWidth": 28,
1670
+ "contentStyles": {
1671
+ "desktop": {
1672
+ "paddingTop": 0,
1673
+ "paddingBottom": 0,
1674
+ "paddingLeft": 12,
1675
+ "paddingRight": 12,
1676
+ "textAlign": "center"
1677
+ },
1678
+ "mobile": {}
1679
+ },
1680
+ "styles": {
1681
+ "desktop": {
1682
+ "paddingTop": 4,
1683
+ "paddingBottom": 4,
1684
+ "paddingLeft": 6,
1685
+ "paddingRight": 6
1686
+ },
1687
+ "mobile": {}
1688
+ },
1689
+ "styleConfig": {
1690
+ "className": "social_link-2",
1691
+ "desktop": "padding-top:4px;padding-bottom:4px;padding-left:6px;padding-right:6px;",
1692
+ "mobile": ""
1693
+ },
1694
+ "contentStyleConfig": {
1695
+ "className": "social_link-content-2",
1696
+ "desktop": "padding-left:12px;padding-right:12px;text-align:center;",
1697
+ "mobile": ""
1698
+ }
1699
+ },
1700
+ {
1701
+ "name": "Text",
1702
+ "key": "text",
1703
+ "text": "<div style=\"text-align: center;\"><span style=\"background-color: transparent;\"><a target=\"_black\" href=\"https://www.psylish.com\"><font color=\"#000000\" face=\"Arial\" style=\"font-size: 14px;\"><u>Visit Psylish.com</u></font></a></span></div>",
1704
+ "styles": {
1705
+ "desktop": {
1706
+ "fontSize": 14,
1707
+ "fontFamily": "sans-serif",
1708
+ "color": "#263d2d",
1709
+ "lineHeight": "140%",
1710
+ "paddingTop": 12,
1711
+ "paddingBottom": 12,
1712
+ "paddingLeft": 12,
1713
+ "paddingRight": 12,
1714
+ "textAlign": "left"
1715
+ },
1716
+ "mobile": {}
1717
+ },
1718
+ "styleConfig": {
1719
+ "className": "text-3",
1720
+ "desktop": "font-size:14px;font-family:sans-serif;color:#263d2d;line-height:140%;padding-top:12px;padding-bottom:12px;padding-left:12px;padding-right:12px;text-align:left;",
1721
+ "mobile": ""
1722
+ }
1723
+ }
1724
+ ],
1725
+ "styleConfig": {
1726
+ "className": "11-content-0",
1727
+ "desktop": "background-color:transparent;",
1728
+ "mobile": ""
1729
+ },
1730
+ "contentStyleConfig": {
1731
+ "className": "content-content-0",
1732
+ "desktop": "background-color:transparent;",
1733
+ "mobile": ""
1734
+ }
1735
+ }
1736
+ ],
1737
+ "styleConfig": {
1738
+ "className": "column-11",
1739
+ "desktop": "background-color:transparent;",
1740
+ "mobile": ""
1741
+ },
1742
+ "contentStyleConfig": {
1743
+ "className": "column-content-11",
1744
+ "desktop": "background-color:#fff;",
1745
+ "mobile": ""
1746
+ }
1747
+ }
1748
+ ],
1749
+ "bodySettings": {
1750
+ "preHeader": "",
1751
+ "contentWidth": 600,
1752
+ "styles": {
1753
+ "backgroundColor": "#263d2d",
1754
+ "color": "#152b2a",
1755
+ "fontFamily": "Arial"
1756
+ }
1757
+ }
1758
+ }