Section Stock Store

[Code sales]: Image banner (screen width)

Name: [Code sales]: Image banner (screen width)
Brand: Section Stock Store
Price: 1500 JPY
Availability: InStock

¥1,500

Sale Sold out

Taxes included.

【ご購入前のご注意】
⭐︎デジタルコンテンツは、その性質上、返品や返金はお受けしておりません。
⭐︎CSSに問題が生じた場合は、ご自身で適切に調整してください。
⭐︎Dawnベースで作成しております。他のテーマはレイアウト崩れなどの可能性があります。
⭐︎Shopifyアップデートによりレイアウト崩れの可能性があります。
⭐︎コードのみの販売です。解説のご連絡はお断りしています。

Code sales

View full details

This section is a section that fits the Dawn default section "Image Banner" within its inner width.

The image will be the inner width, not the full width.

Other settings are the same as those in the default image banner section.

A little code

 
<div class="page-width">
 <div
 id="Banner- {{ section.id }} " 
class="banner banner--content-align- {{ section.settings.desktop_content_alignment }} banner--content-align-mobile- {{ section.settings.mobile_content_alignment }} banner-- {{ section.settings.image_height }} {% if section.settings.stack_images_on_mobile and section.settings.image != blank and section.settings.image_2 != blank %} banner--stacked {% endif %} {% if section.settings.image_height == 'adapt' and section.settings.image != blank %} banner--adapt {% endif %} {% if section.settings.show_text_below %} banner--mobile-bottom {%- endif -%} {% if section.settings.show_text_box == false %} banner--desktop-transparent {% endif %} {% if settings.animations_reveal_on_scroll %} scroll-trigger animate--fade-in {% endif %} " 
>
 {%- if section.settings.image != blank -%}
 <div> class="banner__media media {% if section.settings.image == blank and section.settings.image_2 == blank %} placeholder {% endif %} {% if section.settings.image_2 != blank %} banner__media-half {% endif %} {% if section.settings.image_behavior != 'none' %} animate-- {{ section.settings.image_behavior }} {% endif %} {% if settings.animations_reveal_on_scroll %} scroll-trigger animate--fade-in {% endif %} ">

Before you buy