질문과 답변 (구)

최근본상품
TOP
DOWN

질문과 답변 (구)

상품 노출 갯수 조정이 맘대로 안됩니다

2016.09.28 10:09 557 2

본문

먼저, 빠르고 정확한 답변에 정말 감사하고 감탄할 수 밖에 없습니다 ^^

샵베이직 테마를 사용하고 있습니다


메인화면 상품별 추출 갯수를 늘리고 싶습니다

쇼핑몰 관리 기본 설정에서 main.30.skin을 사용하고 있습니다만

1줄에 최대 4개 까지만  화면에 전시되고 같은줄에 더이상 상품 갯수를 늘릴수가 없고

마찬가지로 해당 상품 분류 목록에 들어가도 전시되는 갯수를 마음대로 늘리는데 제한이 되는 상태입니다

모바일 또한 1줄에 3개까지 하고 싶은데

출력될 이미지 사이즈를 수정해 보아도 상품 이미지 사이즈는 같고 해상도만 틀려지는데 해결 방법이 없을까요??
0
로그인 후 평가 가능합니다.
- 승구당 - 회원등급 : 지하계 / Level 2
포인트 2,025
경험치 497
[레벨 2] - 진행률 75%
- 가입일 : 2016-09-10 03:44:15
- 서명 : 이승규
- 자기소개 : 안녕하세요^^

댓글목록 2

이윰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포인트를 획득하였습니다.

승구당님의 댓글

부트스트랩 시스템상 출력 형태로 인해 원하던 갯수는 충족 못했지만
답변 감사합니다!!
좋은 밤 되세요^^

질문과 답변 (채택기능) 게시판이 신설되었습니다.
질문과 답변 (구) 게시판은 글쓰기가 제한되오니 착오 없으시길 바랍니다. (댓글 및 조회는 여전히 가능합니다.)

전체 2,800 건 - 1 페이지
제목
이윰넷 2017.10.24 468 0
도깨비뿅망치 2017.10.24 611 0
홍인 2017.10.24 466 0
tenuunsalhi 2017.10.23 489 0
jumphu 2017.10.23 476 0
jumphu 2017.10.23 455 0
GNDOON 2017.10.23 468 0
jumphu 2017.10.23 442 0
gang 2017.10.23 399 0
백철하 2017.10.22 458 0
클라네스 2017.10.22 420 0
gang 2017.10.21 456 0
최태풍 2017.10.21 461 0
꿈꾸는개발자 2017.10.20 431 0
부끄럼소년 2017.10.20 497 0