테마 편집기에서: 사용자 지정홈페이지섹션 추가비포 앤 애프터

비포 앤 애프터

같은 대상의 두 이미지와 그 사이의 끌 수 있는 선. 시술이나 공정의 전후 비교 등에 씁니다.

같은 각도와 같은 크기로 찍은 두 이미지를 쓰면 변화만 움직입니다. 선은 키보드로도 조작할 수 있습니다.

설정

이미지

“비포” 이미지
이미지메인 이미지와 같은 구도를 사용하면 선이 같은 대상의 두 상태를 비교합니다.
“애프터” 이미지
이미지
비포 라벨
텍스트비워 두면: “비포”
애프터 라벨
텍스트비워 두면: “애프터”
이미지 초점
선택: 이미지의 초점, 가운데, 위쪽, 아래쪽기본값: 이미지의 초점
컴퓨터의 이미지 모양
선택: 세로(4:5), 길쭉한 세로(2:3), 정사각형, 가로(3:2)기본값: 세로(4:5)
휴대폰의 이미지 모양
선택: 컴퓨터와 동일, 세로(4:5), 정사각형, 가로(3:2)기본값: 컴퓨터와 동일

텍스트

제목 위 작은 문구
켜기 또는 끄기기본값: 켜짐
작은 문구
텍스트비워 두면 기본값이 표시됩니다.
제목
텍스트비워 두면 기본 제목이 표시됩니다.
제목 크기
선택: 중간, 크게, 아주 크게기본값: 크게
단락
텍스트비워 두면 기본 텍스트가 표시됩니다.

버튼

버튼 표시
켜기 또는 끄기기본값: 켜짐
버튼 텍스트
텍스트비워 두면 기본 텍스트가 표시됩니다.
버튼 링크
링크비워 두면 모든 제품 페이지가 열립니다.
유리 버튼
슬라이더, 0~90 %기본값: 0 %0: 일반 단색 버튼. 0보다 크면 얇은 밝은 테두리가 있는 어두운 반투명 유리 버튼으로, 사진 위 버튼에 적합합니다. 값이 클수록 어둡습니다.

레이아웃

이미지 위치
선택: 자동: 위 섹션과 반대쪽, 시작 쪽(히브리어에서는 오른쪽), 끝 쪽(히브리어에서는 왼쪽)기본값: 자동: 위 섹션과 반대쪽컴퓨터나 태블릿에서 텍스트 옆 이미지가 놓이는 위치입니다. 자동: 위 섹션에도 텍스트 옆에 이미지가 있으면 이미지가 반대쪽에 배치되어 연속된 섹션이 번갈아 나타납니다. 그렇지 않으면 시작 쪽(히브리어에서는 오른쪽)에 배치됩니다.
휴대폰의 순서
선택: 이미지 먼저, 텍스트 먼저기본값: 이미지 먼저
텍스트 정렬
선택: 시작, 가운데, 끝기본값: 시작
이미지 옆 텍스트 위치
선택: 위쪽, 가운데, 아래쪽기본값: 가운데컴퓨터나 태블릿에서 적용됩니다.
모든 섹션에 공통인 설정창, 스크롤, 간격, 색상, 텍스트 스타일

창, 스크롤, 간격, 색상 설정은 모든 섹션에서 똑같이 작동합니다. 작동 방식 보기.

창

연결
선택: 독립된 창, 위쪽 창에 연결, 아래쪽 창에 연결, 위아래로 연결기본값: 독립된 창
이미지 모서리
선택: 둥글게, 직각기본값: 둥글게

스크롤

스크롤 시 다음 섹션이 덮기
켜기 또는 끄기기본값: 꺼짐아래로 스크롤하면 이 섹션이 헤더 아래에 고정되고 다음 섹션이 그 위로 올라옵니다. 다시 위로 스크롤하면 반대로 움직입니다. 편집기, 동작 줄이기를 설정한 방문자, 세로가 매우 짧은 화면에서는 꺼집니다.

간격

이 섹션에 사용자 지정 간격 사용
켜기 또는 끄기기본값: 꺼짐끄기: 테마 설정의 레이아웃에 있는 섹션 간격을 사용합니다. 켜기: 여기서 설정한 값을 이 섹션의 위아래에 사용합니다. 모바일에서는 대부분의 섹션이 이 값의 65%를 사용합니다.
위쪽 간격
슬라이더, 0~120 px기본값: 40 px
아래쪽 간격
슬라이더, 0~120 px기본값: 40 px
콘텐츠 너비
선택: 좁게, 표준, 넓게, 전체 너비기본값: 표준

색상

색상 스킴
색 구성표페이지 스킴과 같으면 섹션이 페이지 배경 위에 놓입니다. 다른 스킴은 프레임 안의 카드처럼 섹션에 자체 배경을 줍니다. 아래의 사용자 지정 색상이 스킴보다 우선합니다.
이 섹션에 사용자 지정 색상 사용
켜기 또는 끄기기본값: 꺼짐끄면 섹션에 테마 색상이 사용됩니다.
배경
색상기본값: #F1F1EF
텍스트
색상비워 두면 자동으로 설정됩니다. 어두운 배경에서는 밝게, 밝은 배경에서는 어둡게 표시됩니다.
배경 스타일
선택: 단색, 조명 무대기본값: 단색조명 무대: 위에서 부드러운 빛이 내려와 아래로 갈수록 은은해지며, 섹션의 색(밝거나 어둡거나)으로 만들어집니다. 어두운 색에서는 텍스트와 버튼이 저절로 밝아집니다.
빛 색상
색상위쪽 가운데에서 비치는 은은한 빛입니다. 비워 두면 흰색입니다.

텍스트 스타일

이 섹션에 사용자 지정 텍스트 스타일 사용
켜기 또는 끄기기본값: 꺼짐끄면 섹션에 테마 스타일이 사용됩니다. Shopify 글꼴에는 히브리어가 없으므로 히브리어에서 작동하는 스타일 중에서 선택합니다.
제목 스타일
선택: 테마 기본값, 가늘게, 굵게, 세리프기본값: 테마 기본값
제목 크기
슬라이더, 70~160 %기본값: 100 %
제목 색상
색상비워 두면 자동으로 섹션 색상을 사용합니다(어두운 배경에서는 밝게).
텍스트 스타일
선택: 테마 기본값, 가늘게, 굵게, 세리프기본값: 테마 기본값
텍스트 크기
슬라이더, 70~160 %기본값: 100 %
텍스트 색상
색상비워 두면 자동으로 섹션 색상을 사용합니다(어두운 배경에서는 밝게).

여기 내용이 편집기에 보이는 것과 다른가요? 알려 주세요. 가이드를 바로잡겠습니다.