상품 노출 갯수 조정이 맘대로 안됩니다
696
2016.09.28 10:09
짧은주소
- - 짧은주소: http://v2.eyoom.net/bbs/?t=3dt 주소복사
본문
먼저, 빠르고 정확한 답변에 정말 감사하고 감탄할 수 밖에 없습니다 ^^ 샵베이직 테마를 사용하고 있습니다 메인화면 상품별 추출 갯수를 늘리고 싶습니다 쇼핑몰 관리 기본 설정에서 main.30.skin을 사용하고 있습니다만 1줄에 최대 4개 까지만 화면에 전시되고 같은줄에 더이상 상품 갯수를 늘릴수가 없고 마찬가지로 해당 상품 분류 목록에 들어가도 전시되는 갯수를 마음대로 늘리는데 제한이 되는 상태입니다 모바일 또한 1줄에 3개까지 하고 싶은데 출력될 이미지 사이즈를 수정해 보아도 상품 이미지 사이즈는 같고 해상도만 틀려지는데 해결 방법이 없을까요??
0
좋아요!
레벨 2
경험치 497
Progress Bar 75%
- 가입일 : 2016-09-10 03:44:15
- 서명 : 이승규
- 자기소개 : 안녕하세요^^
댓글목록
이윰EGG님의 댓글
같은 줄에 5개 이상의 상품을 나열하고 모바일에서는 3개로 진열을 하고 싶다는 질문 같습니다.
해당테마가 shop basic으로 보여 shop basic으로 설명드립니다.
/eyoom/theme/shop_basic/skin_bs/shop/basic/main.30.skin.html 파일에서 다음을 수정합니다.
7줄 <div class="col-sm-3"> 을 <div class="col-sm-2"> 로 수정합니다.
이렇게 되면 한줄에 6개가 출력됩니다.
(부트스트랩의 그리드 시스템을 사용하기에 가로 출력수는 1, 2, 3, 4, 6, 12개로 출력되는것이 맞을 것으로 보이며 자세한 것은 부트스트랩 그리드를 참고하시기 바랍니다. http://bootstrapk.com/css/#grid )
82줄 <!--{? .key_%4==0}--> 를 <!--{? .key_%6==0}--> 으로 수정합니다.
6개의 상품이 출력될 때마다 <div class="clearfix"></div> 가 출력되어 정렬이 바르게 되게 만듭니다.
모바일의 3개 출력은 다음과 같이 수정합니다.
8줄 <div class="col-xs-6"> 를 <div class="col-xs-4"> 로 수정
86줄 <!--{? .key_%2==0}--> 를 <!--{? .key_%3==0}--> 으로 수정
변경에 따라 스타일은 맞게 수정하면 되겠습니다.
감사합니다.
축하합니다. 첫댓글 포인트 24포인트를 획득하였습니다.
승구당님의 댓글
부트스트랩 시스템상 출력 형태로 인해 원하던 갯수는 충족 못했지만
답변 감사합니다!!
좋은 밤 되세요^^