애니빌드.LAB
토론방
소스관련 반응형페이지 메인 상품 노출 수량 조절 문의
- o**1rpink
- 2015-04-29 10:29:56
- hit4233
- http://wdev.anybuild.co.kr/bbs/qna/4383
확인 가능한 전체 URL : http://oz1rpink.ozweb.co.kr/
아래와 같이 PC화면에서는 상품이 3개씩 진열되는데,
모바일화면에서는 1개씩 진열되고 있습니다.
모바일화면에서 2개씩 진열되게 하려면 어느 부분에서 수정 가능할까요?

게시글 공유
URL복사
댓글작성
열기 닫기
열기 닫기
[디자인팜] > [메인화면]에서 원하시는 상품출력 컨텐츠를 클릭하시고,
오른쪽에 "고급자 소스수정"을 클릭하시면 뜨는 팝업창에서 CSS수정을 하셔야 합니다.
수정해야하는 부분은 3군데로, <li>부분에서 width:100%이라서 1개가 출력이 됩니다. 그래서 2개 출력을 위해서 50% 변경합니다. 안에 css부분의 display:none를 display:block으로 변경해 줍니다.
밑에 첫번째(:first-child) <li>를 마지막(:last-child) <li>로 변경하고 display:block;을 display:none;로 변경합니다.
그리고 @media (min-width:102*px){}와 @media \0screen{} 에서
.goods_album_1218_ li {display:block;} 를 .goods_album_1218_ li, .goods_album_1218_ li:last-child {display:block;}로 수정을 해주세요. 그럼 PC화면에서도 마지막<li>도 출력이 되는겁니다.
(각컨텐츠의 class명은 "랜덤"으로 변경되서 전부 다릅니다. 그러니 앞에 class명은 무시하시고, li 기준으로 보세요. )
감사합니다.