모바일에서 리스트가 1줄에 1개씩 밖에 표시 안됨
본문
SIRTHEME님 테마
https://sir.kr/yc5_theme/1447
위 테마를 적용하여 영카트를 설치 하였습니다.
추천상품 인기상품에 들어가면 1줄에 1개씩 밖에 표시가 안되서 1자로 늘어집니다.
이를 2개씩으로 표시하고 싶은데 어디를 손봐야 하나요?
이미지 크기를 줄여도 자동으로 칸이 맞아버리네요.
모바일 초기 화면 설정에서는 2개로 해서 메인페이지에는 잘 나오는데 각 인기상품, 추천상품 등으로 들어가면 1개씩 표시 됩니다.
답변 4
리스트 표시할 때 저기 <ul id="sct_wrap" class="sct slt_10"> 이 부분이 추가로 계속 입력되서 1줄로 표시 되는 것 같습니다.
마켓 원래 데모 페이지에 보면 다음과 같이 없는데, 테마설치를 하고 나면 자동으로 리스트 할 떄 불러오는 것 같습니다. 이 부분은 어디서 삭제해야하나요?
아리따 폰트가 없어서.. 다른 폰트로 대체되면서 생긴 문제인 듯 싶습니다.
-> 상단 [Code] 버튼 -> Download ZIP
으로 다운받은 후, /theme/market/css/arita/font 에 ftp 로 업로드해주면 될 듯 합니다.
아리따 폰트는 다운받아 이미 넣어두었는데 적용이 안된 건가요?
/theme/market/mobile/skin/shop/basic/style.css 102라인
width : 50% 를 48% 정도로 줄여볼 수 있을 듯 합니다.
-> /extend/version.extend.php 버전숫자 갱신
확인 결과 메인에서는 아리따 폰트가 적용이 되었고, 위에 인기상품이나 추천상품 리스트는 원래 테마의 경우도 sans-serif가 적용되어 있습니다.
style.css 부분에서 48로 줄이거나 30으로 줄여도 1줄 이 넓이는 줄어드는데 아이템이 올라오지는 않습니다.
*아 모바일에서는 적용이 안되는 것 같습니다. PC버전은 적용되었고, 모바일은 체크해봐야겠습니다.
결국 ul id 부분이 각 상품이 들어갈 박스를 밑으로 만들어버려서 나뉘는 것 같습니다.
https://mhsangsang.com/shop/listtype.php?type=4&device=mobile
해당 페이지이 url을 올려 보세요.
테마에서 다른 것들은 수정한 것이 없습니다. 이미지랑 데모페이지에서 가져와서 적용했고, 폰트만 추가로 넣었습니다.
ul li 태그 짝이 안 맞는 거 같네요.
네 차분히 보니까 리스트 보이는 것에도 문제가 있는 것 같습니다. 모바일 부분 market\mobile\skin\shop\basic\list.10.skin.php에 적용이 되는 것 같습니다.
보니까 리스트 끝에 등록된 상품이 없습니다.라는 문구도 나오고, 전체적으로 작업이 안되어 있었던 것 같습니다.
