> For the complete documentation index, see [llms.txt](https://workspace-help.nhn-commerce.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://workspace-help.nhn-commerce.com/aurora-guide/api-1/common/design-popup.md).

# 디자인 팝업

### 공통설정

<figure><img src="https://67612295-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLt0GowPleXLWRjzGIAiV%2Fuploads%2F0jgGedl9UIw4XzL4i7dz%2F331917212-d1910912-9cd8-47ee-8103-39ec5c84ee5d.png?alt=media&amp;token=ca5e6e37-1c0e-44df-8d52-0fcaa8e3c1df" alt=""><figcaption></figcaption></figure>

공통설정으로 추가한 팝업은 [GET /display/popups 전체 팝업 목록 조회하기](https://docs.shopby.co.kr/?url.primaryName=display/#/Popup/get-popups)를 호출해 페이지 유형으로 조회해서 개발할 수 있습니다.

> 페이지 유형은 API 상세보기를 통해 확인하세요.

### 개별설정

<figure><img src="https://67612295-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLt0GowPleXLWRjzGIAiV%2Fuploads%2F4hSvY9emR776FTYCRgVA%2FInline-image-2024-05-20%2014.22.22.145.png?alt=media&amp;token=f373c42f-aca8-44c9-8ff1-e06ab7e51fe0" alt=""><figcaption><p>특정 상품의 상품상세 페이지에서만 팝업을 노출하게하는 예시</p></figcaption></figure>

개별 설정을 통해 파라메터 조건에따라 팝업을 노출할 수 있습니다.\
개별설정으로 추가한 팝업은 [POST /design-popups 디자인 팝업 조회하기](https://docs.shopby.co.kr/?url.primaryName=display/#/Popup/get-design-popup)를 호출해서 개발할 수 있습니다.

아래 주소로 접근시에만 해당 팝업이 노출됩니다.

<div align="left"><figure><img src="https://67612295-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLt0GowPleXLWRjzGIAiV%2Fuploads%2Fw1nhghfFVfX903KQndAt%2FInline-image-2024-05-20%2014.22.44.753.png?alt=media&amp;token=3f4f1b57-cf20-4759-97c5-dafa38f16d40" alt=""><figcaption></figcaption></figure> <figure><img src="https://67612295-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLt0GowPleXLWRjzGIAiV%2Fuploads%2FgEVfx1p3UpljyYzaL2mO%2FInline-image-2024-05-20%2014.23.00.699.png?alt=media&amp;token=65c760d2-cc88-499c-8882-f1ac32f4e444" alt=""><figcaption></figcaption></figure></div>

### 추가기능

기본 스킨에서 제공하는 `오늘 하루 보이지 않음`기능은 `localStorage`사용하고 있습니다.