API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Oct 15th, 2018
78
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.78 KB | None | 0 0
raw download clone embed print report
  1. <div class="hero hero--{{ section.settings.hero_size }}{% if section.settings.title != blank or section.settings.text != blank or section.settings.button_label != blank %} hero__overlay{% endif %} box ratio-container lazyload js"
  2. {% if section.settings.image %}
  3. data-bgset="{% include 'bgset', image: section.settings.image %}"
  4. data-sizes="auto"
  5. data-parent-fit="cover"
  6. style="background-position: {{ section.settings.alignment }}; background-image: url('{{ section.settings.image | img_url: '300x300' }});"
  7. {% endif %}>
  8. {% if section.settings.image == blank %}
  9. <div class="placeholder-background">
  10. {{ 'lifestyle-1' | placeholder_svg_tag: 'placeholder-svg' }}
  11. </div>
  12. {% endif %}
  13. <div class="hero__inner">
  14. <div class="page-width text-center">
  15. {% if section.settings.title != blank %}
  16. <h2 class="h1 mega-title{% if section.settings.text_size == 'large' %} mega-title--large{% endif %}">{{ section.settings.title | escape }}</h2>
  17. {% endif %}
  18. {% if section.settings.text != blank %}
  19. <div class="rte-setting mega-subtitle{% if section.settings.text_size == 'large' %} mega-subtitle--large{% endif %}">{{ section.settings.text }}</div>
  20. {% endif %}
  21. <div class="hero__btn-wrapper">
  22. {% if section.settings.button_label != blank and section.settings.button_link != blank %}
  23. <a href="{{ section.settings.button_link }}" class="btn hero__btn">
  24. {{ section.settings.button_label | escape }}
  25. </a>
  26. {% endif %}
  27. {% comment %} Added by Justin L on September 19 2018 Theme Specialist {% endcomment %}
  28. {% if section.settings.button_label_2 != blank and section.settings.button_link_2 != blank %}
  29. <a href="{{ section.settings.button_link_2 }}" class="btn hero__btn">
  30. {{ section.settings.button_label_2 | escape }}
  31. </a>
  32. {% endif %}
  33. </div>
  34. </div>
  35. </div>
  36. </div>
  37.  
  38. <noscript>
  39. <div class="hero hero--{{ section.settings.hero_size }}{% if section.settings.title != blank or section.settings.text != blank or section.settings.button_label != blank %} hero__overlay{% endif %}"{% if section.settings.image %} style="background-image: url('{{ section.settings.image | img_url: '2048x' }}'); background-position: center {{ section.settings.alignment }};"{% endif %}></div>
  40. </noscript>
  41.  
  42. {% schema %}
  43. {
  44. "name": {
  45. "en": "Image with text overlay",
  46. "de": "Foto mit überlegtem Text",
  47. "fr": "Image avec texte",
  48. "it": "Immagine con testo",
  49. "ja": "テキストオーバーレイ付き画像",
  50. "es": "Imagen con texto",
  51. "pt-BR": "Imagem com texto"
  52. },
  53. "class": "index-section index-section--flush",
  54. "settings": [
  55. {
  56. "type": "image_picker",
  57. "id": "image",
  58. "label": {
  59. "en": "Image",
  60. "de": "Foto",
  61. "fr": "Image",
  62. "it": "Immagine",
  63. "ja": "画像",
  64. "es": "Imagen",
  65. "pt-BR": "Imagem"
  66. }
  67. },
  68. {
  69. "type": "select",
  70. "id": "alignment",
  71. "label": {
  72. "en": "Image alignment",
  73. "de": "Fotoausrichtung",
  74. "fr": "Alignement de l'image",
  75. "it": "Allineamento immagine",
  76. "ja": "画像アラインメント",
  77. "es": "Alineación de imagen",
  78. "pt-BR": "Alinhamento da imagem"
  79. },
  80. "default": "center",
  81. "options": [
  82. {
  83. "value": "top",
  84. "label": {
  85. "en": "Top",
  86. "de": "Oben",
  87. "fr": "Haut",
  88. "it": "In alto",
  89. "ja": "上",
  90. "es": "Superior",
  91. "pt-BR": "Acima"
  92. }
  93. },
  94. {
  95. "value": "center",
  96. "label": {
  97. "en": "Middle",
  98. "de": "Mitte",
  99. "fr": "Milieu",
  100. "it": "Al centro",
  101. "ja": "中央",
  102. "es": "Al medio",
  103. "pt-BR": "Meio"
  104. }
  105. },
  106. {
  107. "value": "bottom",
  108. "label": {
  109. "en": "Bottom",
  110. "de": "Unten",
  111. "fr": "Bas",
  112. "it": "In basso",
  113. "ja": "下",
  114. "es": "Inferior",
  115. "pt-BR": "Abaixo"
  116. }
  117. }
  118. ]
  119. },
  120. {
  121. "type": "text",
  122. "id": "title",
  123. "label": {
  124. "en": "Heading",
  125. "de": "Titel",
  126. "fr": "En-tête",
  127. "it": "Heading",
  128. "ja": "見出し",
  129. "es": "Título",
  130. "pt-BR": "Título"
  131. },
  132. "default": {
  133. "en": "Image with text overlay",
  134. "de": "Foto mit überlegtem Text",
  135. "fr": "Image avec superposition de texte",
  136. "it": "Immagine con testo",
  137. "ja": "テキストオーバーレイ付き画像",
  138. "es": "Imagen con texto",
  139. "pt-BR": "Imagem com sobreposição de texto"
  140. }
  141. },
  142. {
  143. "type": "richtext",
  144. "id": "text",
  145. "label": {
  146. "en": "Text",
  147. "de": "Text",
  148. "fr": "Texte",
  149. "it": "Testo",
  150. "ja": "テキスト",
  151. "es": "Texto",
  152. "pt-BR": "Texto"
  153. },
  154. "default": {
  155. "en": "<p>Use overlay text to give your customers insight into your brand. Select imagery and text that relates to your style and story.</p>",
  156. "de": "<p>Nutzen Sie überlegten Text, um Kunden über Ihre Marke zu informieren. Wählen Sie Fotos und Text aus, die zu Ihrer Marke passen.</p>",
  157. "fr": "<p>Utilisez la superposition de texte pour donner un aperçu de votre marque à vos clients. Utilisez une image et du texte qui se rapportent au style et à l'histoire de votre marque.</p>",
  158. "it": "<p>Utilizza il testo in sovrapposizione per dare ai clienti informazioni sul tuo brand. Seleziona immagini e testo legati al tuo stile e alla tua storia.</p>",
  159. "ja": "<p>オーバーレイテキストを使用して、お客様があなたのブランドについてよく理解できるようにします。あなたのスタイルやストーリーに関連する画像やテキストを選択してください。</p>",
  160. "es": "<p>Usa el texto superpuesto para darles información a tus clientes sobre tu marca. Selecciona imágenes y textos que se relacionen con tu estilo e historia.</p>",
  161. "pt-BR": "<p>Use o texto de sobreposição para apresentar informações sobre sua marca aos clientes. Selecione imagens e textos que reflitam seu estilo e sua história.</p>"
  162. }
  163. },
  164. {
  165. "type": "select",
  166. "id": "hero_size",
  167. "label": {
  168. "en": "Section height",
  169. "de": "Bereichs-Höhe",
  170. "fr": "Hauteur de la section",
  171. "it": "Altezza sezione",
  172. "ja": "セクションの高さ",
  173. "es": "Altura de la sección",
  174. "pt-BR": "Altura da seção"
  175. },
  176. "default": "medium",
  177. "options": [
  178. {
  179. "label": {
  180. "en": "Extra Small",
  181. "de": "Extra klein",
  182. "fr": "Très petite",
  183. "it": "Molto piccola",
  184. "ja": "極小",
  185. "es": "Extra pequeña",
  186. "pt-BR": "Extra pequeno"
  187. },
  188. "value": "x-small"
  189. },
  190. {
  191. "label": {
  192. "en": "Small",
  193. "de": "Klein",
  194. "fr": "Petite",
  195. "it": "Small",
  196. "ja": "小",
  197. "es": "Pequeña",
  198. "pt-BR": "Pequeno"
  199. },
  200. "value": "small"
  201. },
  202. {
  203. "label": {
  204. "en": "Medium",
  205. "de": "Mitte",
  206. "fr": "Moyenne",
  207. "it": "Medium",
  208. "ja": "中",
  209. "es": "Mediana",
  210. "pt-BR": "Médio"
  211. },
  212. "value": "medium"
  213. },
  214. {
  215. "label": {
  216. "en": "Large",
  217. "de": "Groß",
  218. "fr": "Grande",
  219. "it": "Large",
  220. "ja": "大",
  221. "es": "Grande",
  222. "pt-BR": "Grande"
  223. },
  224. "value": "large"
  225. },
  226. {
  227. "label": {
  228. "en": "Extra Large",
  229. "de": "Extra groß",
  230. "fr": "Très grande",
  231. "it": "Molto grande",
  232. "ja": "特大",
  233. "es": "Extra grande",
  234. "pt-BR": "Extra grande"
  235. },
  236. "value": "x-large"
  237. }
  238. ]
  239. },
  240. {
  241. "type": "select",
  242. "id": "text_size",
  243. "label": {
  244. "en": "Text size",
  245. "de": "Textgröße",
  246. "fr": "Taille du texte",
  247. "it": "Dimensione testo",
  248. "ja": "文字サイズ",
  249. "es": "Tamaño del texto",
  250. "pt-BR": "Tamanho do texto"
  251. },
  252. "default": "medium",
  253. "options": [
  254. {
  255. "label": {
  256. "en": "Medium",
  257. "de": "Mitte",
  258. "fr": "Moyenne",
  259. "it": "Medium",
  260. "ja": "中",
  261. "es": "Mediano",
  262. "pt-BR": "Médio"
  263. },
  264. "value": "medium"
  265. },
  266. {
  267. "label": {
  268. "en": "Large",
  269. "de": "Groß",
  270. "fr": "Grande",
  271. "it": "Large",
  272. "ja": "大",
  273. "es": "Grande",
  274. "pt-BR": "Grande"
  275. },
  276. "value": "large"
  277. }
  278. ]
  279. },
  280. {
  281. "type": "text",
  282. "id": "button_label",
  283. "label": {
  284. "en": "Button label",
  285. "de": "Button-Etikett",
  286. "fr": "Texte du bouton",
  287. "it": "Etichetta pulsante",
  288. "ja": "ボタンラベル",
  289. "es": "Etiqueta de botón",
  290. "pt-BR": "Etiqueta do botão"
  291. }
  292. },
  293. {
  294. "type": "url",
  295. "id": "button_link",
  296. "label": {
  297. "en": "Button link",
  298. "de": "Button-Etikett",
  299. "fr": "Lien du bouton",
  300. "it": "Link pulsante",
  301. "ja": "ボタンリンク",
  302. "es": "Enlace de botón",
  303. "pt-BR": "Link do botão"
  304. }
  305. },
  306. {
  307. "type": "text",
  308. "id": "button_label_2",
  309. "label": {
  310. "en": "Button label 2",
  311. "de": "Button-Etikett",
  312. "fr": "Texte du bouton",
  313. "it": "Etichetta pulsante",
  314. "ja": "ボタンラベル",
  315. "es": "Etiqueta de botón",
  316. "pt-BR": "Etiqueta do botão"
  317. }
  318. },
  319. {
  320. "type": "url",
  321. "id": "button_link_2",
  322. "label": {
  323. "en": "Button link 2",
  324. "de": "Button-Etikett",
  325. "fr": "Lien du bouton",
  326. "it": "Link pulsante",
  327. "ja": "ボタンリンク",
  328. "es": "Enlace de botón",
  329. "pt-BR": "Link do botão"
  330. }
  331. }
  332. ],
  333. "presets": [
  334. {
  335. "name": {
  336. "en": "Image with text overlay",
  337. "de": "Foto mit überlegtem Text",
  338. "fr": "Image avec superposition de texte",
  339. "it": "Immagine con testo",
  340. "ja": "テキストオーバーレイ付き画像",
  341. "es": "Imagen con texto",
  342. "pt-BR": "Imagem com sobreposição de texto"
  343. },
  344. "category": {
  345. "en": "Image",
  346. "de": "Foto",
  347. "fr": "Image",
  348. "it": "Immagine",
  349. "ja": "画像",
  350. "es": "Imagen",
  351. "pt-BR": "Imagem"
  352. }
  353. }
  354. ]
  355. }
  356. {% endschema %}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!