혹시 카운트 다운 타이머가 제대로 표시되지 않을 때에는 Custom Fields 의 Display format을 Custom : Y/m/d로 변경해 볼 것.

일반적 Workflow

Offcanvas Type

Slide : 오프캔버스는 페이지 로딩시 보이지 않는 요소이므로 Structure Panel에서 가장 아래쪽에 위치시켜 부모요소로부터 속성을 영향받지 않도록 하는 것이 좋음.

Push : Primary > Offcanvas Type을 Push로 설정할 경우, Container selector to push를 설정해야 하는데, 기본적으로 .site-container로 설정되어 있음. 페이지 전체가 Push 되는 효과를 위해서는 헤더, 이너컨텐트, 푸터를 담는 div를 생성하고 클래스 이름을 .site-container로 설정함. 그리고 offcanvas는 이 .site-container 바깥쪽에 위치시키고 Container selector to push: 를 .site-container로 세팅하면 됨.

옥시엑스트라스 - 오프캔버스 - Push타입

만약, Sticky Header를 사용한다거나 하는 경우, Header 또한 Site Container 바깥쪽에 위치시켜서 헤더가 Push되는 것을 피할 수 있음.

Site Scrolling When Open

Primary > Config

기본값으로 Enabled로 되어있음. 만약, Disabled로 설정될 경우, Offcanvas가 오픈상태에서는 사이트를 스크롤 할 수 없도록 함. 이 옵션은 State on page load 옵션이 "Closed"로 설정되어 있을때만 사용이 가능함.

기타 참고사항

메가메뉴 구조

1. 메가메뉴

메가메뉴 자체는 비어있는 컨테이너에 불과함. 즉, 페이지에 어떠한 것도 추가하지 않음.

2. 메가메뉴 드롭다운

드롭다운들이 모든 콘텐츠들이 있는 곳이고 몇 개의 핵심요소로 구성되어 있음

2a. 드롭다운 링크 / 아이콘

In-Editor Mode

Preview와 Edit 모드가 있음. Edit 모드는 기본 모드로서 캐러셀 빌더 안의 모든 Elements들을 자유롭게 편집할 수 있음.

Preview 모드에서는 모든 캐러셀 기능들이 실제로 동작을 함.

Preview 모드에서는 Oxygen builder 내에서 캐러셀을 재배치하려고 드래그 하지 말것

1. 캐러셀용 Container로 사용할 Element를 선택할 것

Repeater, Easy Posts, Product List, Category List, Related Products, Product Upsells 등을 선택할 수 있고, 필요시 Custom Elements 옵션을 사용할 수도 있음. 단, Custom Element로 Div 등을 사용시 .cell 클래스명을 부여해야 함.

만약, Repeater 나 Easy Post를 사용할 경우, 다음 스텝으로 원하는 Query를 설정하고 원하는 Element를 삽입하고 스타일링 하면 됨. (이 과정은 일반적인 Repeater Work Flow와 동일함.)

power-switchmagnifiercross linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram