{%- liquid if section.settings.hero_layout == 'full_width' and section.settings.hero_size == 'adapt' if section.settings.image.aspect_ratio == blank assign min_aspect_ratio = 2.0 else assign min_aspect_ratio = section.settings.image.aspect_ratio endif assign wrapper_height = 100 | divided_by: min_aspect_ratio endif if slide_width <= max_width assign min_width = slide_width | times: 100 | divided_by: max_width endif -%} {% style %} .hero{ position:relative; height:475px; display:table; width:100%; background-repeat:no-repeat; background-position:50% 50% } @media only screen and (min-width: 768px) { .mega-title, .mega-subtitle-{{ section.id }} { text-shadow: 0 0 4px var(--color-text-shadow); margin: 0 auto; } .text-center .mega-title, .text-center .mega-subtitle-{{ section.id }} { max-width: 75%; } } .mega-title a, .mega-subtitle-{{ section.id }} a { color: var(--color-overlay-title-text); border-bottom: 1px solid currentColor; } .mega-title a:hover, .mega-title a:focus, .mega-subtitle-{{ section.id }} a:hover, .mega-subtitle-{{ section.id }} a:focus { color: var(--color-overlay-text-focus); } .hero--adapt,.hero-fixed-width__image{ max-height:100vh } @media only screen and (min-width:768px){ .hero--adapt,.hero-fixed-width__image{ max-height:80vh } } .hero--x-small{ height:94px } .hero--small{ height:225px } .hero--medium{ height:357px } .hero--large{ height:488px } .hero--x-large{ height:582px } @media only screen and (min-width:768px){ .hero--x-small{ height:125px } .hero--small{ height:300px } .hero--medium{ height:475px } .hero--large{ height:650px } .hero--x-large{ height:775px } } .hero__inner{ position:relative; display:table-cell; vertical-align:middle; padding:30px 0; z-index:2 } .hero__btn{ margin-top:15px } .hero-fixed-width__content{ position:absolute; top:50%; left:0; right:0; z-index:2; transform:translateY(-50%) } .box { background-size : cover !important; background-color : transparent !important; } .hero-over-{{ section.id }}::before{ content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: {{section.settings.color_hero_over}}; opacity: {{section.settings.hero_opacity}}%; } .mega-subtitle-{{ section.id }} p{ color:{{section.settings.color_text}}; font-size:{{section.settings.text_size}}px; } .hero_hd_font-{{ section.id }} { font-family: var(--font-stack-header) !important; font-style: var(--font-style-header)!important; font-weight: var(--font-weight-header)!important; } .hero_txt_font { font-family: var(--font-stack-body)!important; font-style: var(--font-style-body)!important; font-weight: var(--font-weight-body)!important; } .hero-fixed-width-{{ section.id }}{ position:relative } .hero-fixed-width-{{ section.id }}::before{ content:''; top:0; right:0; bottom:0; left:0; background-color:var(--color-image-overlay); opacity:var(--opacity-image-overlay); z-index:1 } .hero-{{ section.id }} { height: {{- wrapper_height -}}vw !important; } h2.hero_hd_font-{{ section.id }} { font-size:{{section.settings.header_size}}px; color:{{section.settings.color_header}}; } .hero-fixed-width__image { min-width: {{ min_width }}%; object-position: {{ section.settings.alignment }}; } .hero-{{ section.id }} { background-position: {{ section.settings.alignment }}; background-image: url('{{ section.settings.image | img_url: '300x300' }});" } {% endstyle %}
Prostřednictvím textového překryvu můžete zákazníkům prezentovat svoji značku. Vyberte obrázky, design a text, který reflektuje váš styl i firmu.
", "da": "Brug tekstoverlejring til at give dine kunder indblik i dit brand. Vælg billeder og tekst, der passer til din stil og historie.
", "de": "Nutzen Sie überlegten Text, um Kunden über Ihre Marke zu informieren. Wählen Sie Fotos und Text aus, die zu Ihrer Marke passen.
", "en": "Use overlay text to give your customers insight into your brand. Select imagery and text that relates to your style and story.
", "es": "Usa el texto superpuesto para darles información útil a tus clientes sobre tu marca. Selecciona imágenes y textos que se relacionen con tu estilo e historia.
", "fi": "Käytä taustan päällä olevaa tekstiä, jotta asiakkaat voivat tutustua tuotemerkkisi. Valitse tyylisi ja tarinasi liittyvät kuvat ja teksti.
", "fr": "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.
", "it": "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.
", "ja": "オーバーレイテキストを使用して、お客様があなたのブランドについてよく理解できるようにします。あなたのスタイルやストーリーに関連する画像やテキストを選択してください。
", "ko": "오버레이 텍스트를 사용하여 고객에게 브랜드에 대한 통찰력을 부여하십시오. 자신의 스타일과 이야기와 관련된 이미지와 텍스트를 선택하십시오.
", "nb": "Bruk overleggstekst til å gi kundene dine innsikt i merkevaren din. Velg bildebruk og tekst som er relatert til din stil og historie.
", "nl": "Gebruik overlay-tekst om je klanten inzicht te geven in je merk. Selecteer afbeeldingen en tekst die betrekking hebben op je stijl en verhaal.
", "pl": "Użyj tekstu nakładki, aby dać swoim klientom wgląd w Twoją markę. Wybierz obrazy i teksty, które odnoszą się do Twojego stylu i historii.
", "pt-BR": "Use o texto de sobreposição para apresentar insights sobre sua marca aos clientes. Selecione imagens e textos que reflitam seu estilo e sua história.
", "pt-PT": "Utilize o texto de sobreposição para fornecer informações sobre a sua marca aos clientes. Selecione imagens e textos que reflitam o seu estilo e a sua história.
", "sv": "Använd överläggningstext för att ge dina kunder inblick i ditt varumärke. Välj bildspråk och text som gäller din stil och historia.
", "th": "ใช้ข้อความซ้อนทับเพื่อให้ลูกค้าของคุณทราบถึงรายละเอียดเกี่ยวกับแบรนด์ เลือกรูปภาพและข้อความที่มีความเกี่ยวข้องกับสไตล์กับเรื่องราวของคุณ
", "tr": "Yer paylaşımlı metin kullanarak müşterilerinizin kafasında mağazanız hakkında fikir oluşmasını sağlayın. Stilinize ve öykünüze uyan görseller ve metinler seçin.
", "vi": "Sử dụng lớp phủ văn bản để đưa thông tin chi tiết khách hàng vào thương hiệu của bạn. Chọn hình ảnh và văn bản phù hợp với phong cách và câu chuyện của bạn.
", "zh-CN": "使用叠加文本让客户深入了解您的品牌。选择与您的风格和故事相关的图片和文本。
", "zh-TW": "運用文字疊加層讓顧客更加瞭解您的品牌。選擇與您風格和品牌故事相關的圖像和文字。
" } }, { "type": "text", "id": "text_size", "label": { "cs": "Velikost textu", "da": "Tekststørrelse", "de": "Textgröße", "en": "Text size", "es": "Tamaño del texto", "fi": "Tekstin koko", "fr": "Taille du texte", "it": "Dimensione testo", "ja": "文字サイズ", "ko": "텍스트 사이즈", "nb": "Tekststørrelse", "nl": "Tekengrootte", "pl": "Rozmiar czcionki", "pt-BR": "Tamanho do texto", "pt-PT": "Tamanho do texto", "sv": "Textstorlek", "th": "ขนาดตัวอักษร", "tr": "Metin boyutu", "vi": "Cỡ văn bản", "zh-CN": "文本大小", "zh-TW": "文字尺寸" }, "default": "22" }, { "type": "color", "id": "color_text", "label": { "cs": "Barva textu", "da": "Tekstfarve", "de": "Textfarbe", "en": "Text color", "es": "Color de texto", "fi": "Tekstin väri", "fr": "Couleur du texte", "it": "Colore del testo", "ja": "テキストの色", "ko": "텍스트 색상", "nb": "Tekstfarge", "nl": "Tekst kleur", "pl": "Kolor tekstu", "pt-BR": "Cor do texto", "pt-PT": "Cor do texto", "sv": "Text färg", "th": "สีข้อความ", "tr": "Metin rengi", "vi": "Văn bản màu", "zh-CN": "文字颜色", "zh-TW": "文字顏色" }, "default": "#f5f5f0" }, { "type": "text", "id": "button_label", "label": { "cs": "Text tlačítka", "da": "Knaptekst", "de": "Button-Etikett", "en": "Button label", "es": "Etiqueta de botón", "fi": "Tekstipainike", "fr": "Texte du bouton", "it": "Etichetta pulsante", "ja": "ボタンのラベル", "ko": "버튼 레이블", "nb": "Knappetikett", "nl": "Knoplabel", "pl": "Przycisk z etykietą", "pt-BR": "Etiqueta de botão", "pt-PT": "Etiqueta do botão", "sv": "Knappetikett", "th": "ป้ายกำกับปุ่ม", "tr": "Düğme etiketi", "vi": "Nhãn nút", "zh-CN": "按钮标签", "zh-TW": "按鈕標籤" } }, { "type": "url", "id": "button_link", "label": { "cs": "Tlačítkový odkaz", "da": "Knaplink", "de": "Button-Link", "en": "Button link", "es": "Enlace de la diapositiva", "fi": "Painikelinkki", "fr": "Lien du bouton", "it": "Link slide", "ja": "ボタンのリンク", "ko": "버튼 링크", "nb": "Kobling for knapp", "nl": "Knoplink", "pl": "Link przycisku", "pt-BR": "Link do slide", "pt-PT": "Ligação do botão", "sv": "Knapplänk", "th": "ลิงก์ปุ่ม", "tr": "Düğme bağlantısı", "vi": "Liên kết trên nút", "zh-CN": "按钮链接", "zh-TW": "按鈕連結" } } ], "presets": [ { "name": { "cs": "Obrázek s textovým překryvem", "da": "Billede med tekstoverlejring", "de": "Foto mit überlegtem Text", "en": "1 Image with text overlay", "es": "Imagen con texto superpuesto", "fi": "Kuva päällä olevalla tekstillä", "fr": "Image avec calque texte", "it": "Immagine con testo", "ja": "テキストオーバーレイ付き画像", "ko": "텍스트 오버레이 포함 이미지", "nb": "Bilde med tekstoverlegg", "nl": "Foto met tekstoverlay", "pl": "Obraz z nakładką tekstową", "pt-BR": "Imagem com texto", "pt-PT": "Imagem com sobreposição de texto", "sv": "Bild med textöverlagring", "th": "การวางซ้อนรูปภาพพร้อมข้อความ", "tr": "Metin katmanı içeren görsel", "vi": "Hình ảnh có lớp phủ văn bản", "zh-CN": "带文本叠加的图片", "zh-TW": "附文字疊加層的圖片" }, "category": { "cs": "Obrázek", "da": "Billede", "de": "Foto", "en": "Image", "es": "Imagen", "fi": "Kuva", "fr": "Image", "it": "Immagine", "ja": "画像", "ko": "이미지", "nb": "Bilde", "nl": "Afbeelding", "pl": "Obraz", "pt-BR": "Imagem", "pt-PT": "Imagem", "sv": "Bild", "th": "รูปภาพ", "tr": "Görsel", "vi": "Hình ảnh", "zh-CN": "图片", "zh-TW": "圖片" } } ] } {% endschema %}