[oopy][마감 2]프로그램 썸네일 마감 처리 방법 (1)

사용 방법

기본 코드 블럭 예시

<!--4월베스트4주(썸네일02.23수정)-->
<div class="collection_card_list">
	<button type="button" onclick="location.href='https://wannago.oopy.io/4dnjfbest4' "  class="collection_item_bottom"><img class="img_item" loading="lazy" style="width: 100%; height: 100%;"
src="https://oopy.lazyrockets.com/api/v2/notion/image?src=https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F4031a111-bcc6-43de-a06d-82c640ce405a%2Fbd264aa9-80fc-44f5-878d-b51296cd0441%2F%25EC%25A0%259C%25EB%25AA%25A9%25EC%259D%2584_%25EC%259E%2585%25EB%25A0%25A5%25ED%2595%25B4%25EC%25A3%25BC%25EC%2584%25B8%25EC%259A%2594_-008.jpg&blockId=e95d5076-afc5-4595-bc50-904f5611ae05"></button>
<div class="card_text"><a class="tag1">유럽4주</a> <a class="tag3">마감임박</a><br><b>[29일]베스트유럽 4주</b><br>베스트셀러 한달여행</div>
</div>
HTML
복사

마감 코드 블럭 예시

<!--3월베스트4주30일  =마감-->
<div class="collection_card_list">
<div class="lb-wrap">
<div class="end">
<h1>마감</h1>
</div>
	<button type="button" onclick="location.href='https://wannago.oopy.io/cbbaa96a-f2de-4018-a9d2-6324324fa223' "  class="collection_item_bottom"><img class="img_item" loading="lazy" style="width: 100%; height: 100%; filter: brightness(0.4);"
src="https://oopy.lazyrockets.com/api/v2/notion/image?src=https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F4031a111-bcc6-43de-a06d-82c640ce405a%2F95691fad-5ffb-4d67-a2bb-32c87c7df221%2F3%25E1%2584%2587%25E1%2585%25A64%25E1%2584%2589%25E1%2585%25A6-min.jpg&blockId=e3958048-f8f5-482d-a0c0-855278e76538"></button></div>
<div class="card_text"><a class="tag1">유럽4주</a> <a class="tag3">마감</a><br><b>[30일]베스트유럽 30일</b><br>3/1 출발 여행</div>
</div>
HTML
복사

1) <div class="collection_card_list"> 삭제 2) 삭제한 곳에 복사 붙여넣기 <div class="collection_card_list"> <div class="lb-wrap"> <div class="end"> <h1>마감</h1> </div> 3) src 맨 끝부분 </button> 옆 </div> 붙여넣기 4) style 부분 > filter: brightness(0.4); 추가 style="width: 100%; height: 100%; filter: brightness(0.4);" 5) <a class="tag3">마감임박</a> 부분 삭제 > 수정 <a class="tag3">마감</a>

주의사항

1) 수정 후 우피에 잘 적용 되었는지 꼭 확인 필요

[추가] 지원하기 카드 안보이게 하는 방법

1) <style>내부 .all-container{ } 내부 display:none; 추가

주의 사항

코드는 a 한글자 차이로 적용되지 않을 수 있으니, 주의해서 작성해주세요.

우피(https://app.oopy.io/home)로 적용 사항을 체크해보시는 걸 추천합니다.

문제가 있을시 @써머 CX 에게 알려주세요!