토론방

소스관련 반응형페이지 메인 상품 노출 수량 조절 문의

확인 가능한 전체 URL : http://oz1rpink.ozweb.co.kr/

아래와 같이 PC화면에서는 상품이 3개씩 진열되는데, 

모바일화면에서는 1개씩 진열되고 있습니다.

모바일화면에서 2개씩 진열되게 하려면 어느 부분에서 수정 가능할까요?

 

게시글 공유 URL복사
댓글[1]

열기 닫기

  • 김**화 2015-04-29

     

    [디자인팜] > [메인화면]에서 원하시는 상품출력 컨텐츠를 클릭하시고,

     

    오른쪽에 "고급자 소스수정"을 클릭하시면 뜨는 팝업창에서 CSS수정을 하셔야 합니다.

     

    수정해야하는 부분은 3군데로, <li>부분에서 width:100%이라서 1개가 출력이 됩니다. 그래서 2개 출력을 위해서 50% 변경합니다. 안에 css부분의 display:nonedisplay: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 기준으로 보세요. )

     

     

     

     

     감사합니다.

     

     

     

댓글작성

열기 닫기

댓글작성
top