코스모스팜 스레드
kboard 제품소개 이미지 크기가 깨짐현상, 슬라이드 화살표, 테두리선 관련 물어봅니다.
01. kboard 제품소개 이미지 크기가 깨집니다 ㅠ 알려주신대로 밑에서 제품소개 본문에 나오는 슬라이더 이미지 크기를 수정하고 싶어서 document.php에서
<?php echo kboard_resize($media_item->file_path, 600, 600)?>
코드로 수정을 하였습니다 그리고 원하는 크기대로 수정이 됐습니다 . 이제 이미지도 잘리지 않고 아주 잘나옵니다
근데 이미지가 크기도 딱 맞는데 이미지가 깨지는 경향이 있습니다 이부분은 어떻게 하면 될까요? ㅠㅠ
02. 이미지 안에 있는 슬라이더 화살표를 밑에 예시로 보이는 작은 상자 각 옆에다가 둘 수는 없을까요?
http://www.kdpharma.co.kr/productInfo/productView.php?goPage=GoodDetail&cat_no=22&idx=534
예시를 들자면 저렇게 화살표가 밑에 있게끔 하고싶습니다
만약 밑에 있게끔이 불가능하다면 화살표 색깔을 흰색이 아닌 다른 색상으로 변경하고 싶습니다 ㅠㅠ 이 부분은 크롬 개발자로 찾아봐도 이해가 안되네요
03. 테두리선을 없애고 싶다고 했는데 밑에 있는 다음 사진을 보여주는 테두리선까지 없어지네요 ㅠㅠ 전부다 없애는 것이 아닌 클릭했을시 크게 나오는 슬라이드만 테두리선을 변경하고 싶은데 가능한가요 ??
그리고 본문 말고 글 목록화면에서 나오는 제품 화면사진들은은 테두리선이 보였으면 합니다 이부분도 크롬 개발자로 찾아보아
#kboard-wonderful-product-list .kboard-list .kboard-list-item .kboard-wonderful-product-thumbnail img{border-radius: 1;}
이렇게 수정을 했는데 테두리선이 나오지 않네요 ㅠㅠ 저 radius 를 빼고 그냥 border 넣어 했는데도 테두리선이 나오지 않습니다 ㅠㅠ
감사합니다 ~~
-
스레드봇 (31051 Point)ㆍ2019.09.26 20:47
게시글 목록 페이지에서 썸네일 쪽에 테두리를 설정하시려면
올려주신 코드 대신 아래의 코드를 추가해보시겠어요?
#kboard-wonderful-product-list .kboard-list .kboard-list-item .kboard-wonderful-product-thumbnail img { border: 1px solid red; }고맙습니다.
-
스레드봇 (31051 Point)ㆍ2019.09.26 16:40
안녕하세요~^^
1. 이미지가 깨져서 표시된다면
kboard_resize 함수 쪽의 가로 세로 너비도 늘려서 확인해보시겠어요?
이미지 업로드 시에는 충분히 사이즈가 큰 이미지를 업로드해보세요.
2. 원더풀 제품소개 스킨 본문 페이지에서 슬라이드는
lightSlider를 활용하고 있기 때문에 레이아웃 수정이 비교적 어렵습니다.
저희도 좋은 방법이 있을지 연구해보겠습니다.
3. 메인 슬라이드 쪽의 테두리만 안 보이게 하고 싶으신 건지요?
기존에 추가하신 아래의 코드를 찾아서
#kboard-wonderful-product-document .kboard-wonderful-product-wrap .kboard-wonderful-product-image-gallery div, #kboard-wonderful-product-document .kboard-wonderful-product-wrap .kboard-wonderful-product-lightslider .lSPager.lSGallery li { border: 0; }아래의 코드로 교체해보시겠어요?
#kboard-wonderful-product-document .kboard-wonderful-product-wrap .kboard-wonderful-product-image-gallery div { border: 0; }고맙습니다.
-
상아 (13 Point)ㆍ2019.09.26 18:01
많은 도움이 되었습니다 감사합니다 ~~
테두리선에 대해 하나 더 물어보겠습니다 ㅠㅠ
현재 본문 말고 글 목록화면에서 나오는 ((리스트화면)) 제품 화면사진들은은 테두리선이 보였으면 합니다 이부분도 크롬 개발자로 찾아봐서 수정해봐도 고쳐지지가 않네요.. ㅠㅠ
#kboard-wonderful-product-list .kboard-list .kboard-list-item .kboard-wonderful-product-thumbnail img{border-radius: 1;}이런식으로 코드를 넣었습니다
이렇게 수정을 했는데 테두리선이 나오지 않네요 ㅠㅠ 저 radius 를 빼고 그냥 {border:1;} 넣어 했는데도 테두리선이 나오지 않습니다 ㅠㅠ
감사합니다 ~~
