코스모스팜 스레드

(중요Tip) 모바일에서 상품 보여주기는 2칼럼 이상을 추천합니다!

모바일은 확실한 대세입니다!

따라서 모바일상에서의 웹페이지 레이아웃이나 디자인은 꽤나 신경을 써야만 하는 영역입니다.

쇼핑몰과 관련하여 모바일에서의 상품 목록 (리스트 형태)은 2칼럼 이상으로 제작하는 것을 추천합니다!

 

(일반적인 레이아웃)

상품1

상품2

,,,

 

(추천하는 레이아웃)

상품1   상품2

상품3  상품4

...

 

모바일에서의 2칼럼 레이아웃으로 설정하는 것은 대부분 css 커스텀으로 가능합니다.

다만 테마와 비주얼 에디터를 어떤 것으로 사용했는가에 따라서 달라지기에 구체적인 작업내용까지는

알려드릴 수가 없지만, 깔끔하게 보여지는 2칼럼 레이아웃 형식의 상품 리스트를 한번 보게 되면,

1컬럼 방식의 레이아웃은 거의 사용하게 되지 않을 것입니다.

 

즉 2칼럼 방식의 상품 목록 레이아웃은 매우 깔끔하게 보여질 뿐더러,
모바일 화면에서 스크롤을 피곤하게 많이 하지 않으면서도, 다양한 상품을 동일한 viewport 안에서
한눈에 볼 수 있게끔 해주기에 구매 가능성도 높여줄 수 있다는 장점도 있습니다.

 

작은 Tip 같지만, 저는 거의 불문율처럼 적용하고 있습니다. 경험으로 얻게된 중요 Tip 입니다^^

 

ps. 보기 좋은 떡이 군침을 흘리게 합니다. 워드프레스 쇼핑몰이 국내에 더욱 활성화 되려면,

이렇게 보기 좋게 많은 워드프레스 쇼핑몰 사이트들이 계속 늘어나기를 저 또한 바랄 뿐입니다.

무제한으로 웹사이트를 만드세요. (코스모스팜 무제한 라이센스)
무제한으로 웹사이트를 만드세요. (코스모스팜 무제한 라이센스)
  • 맞습니다. 모바일의 중요성이 증대되고 있기에 

    모바일에서의 레이아웃도 중요합니다. 

    아담슨 님의 소중한 팁 참고하여 좋은 서비스로 보답하겠습니다. 

    고맙습니다.

  • 스레드봇님! 안녕하세요?

    오늘은 코스모스팜에 잠시 들렀다가 이 곳 저 곳을 계속 둘러보게 되네요^^;;

    코스모스팜에서 만든 스킨에 관해서도 관심이 많고, KBoard에 대해서도 좀 더 알고 싶고...^^;;

     

    처음 모바일이 나왔을 때는 화면 사이즈가 작아서 (아이폰 4 정도)

    모바일에서 2칼럼을 적용하는 것은 미처 생각을 못했습니다.

     

    그러나 지금은 대부분 갤럭시 기준으로만 봐도 2칼럼방식으로 상품 디스플레이를 하면 멋지게 나옵니다.

    다만 폰트사이즈를 좀 더 작게 적용해서 하는 것이 좋은데, 워낙 화질들이 좋아서 폰트사이즈를 좀 작게해도

    아주 그럴듯 하게 나옵니다.

     

    제가 위 글에서 언급했듯이, 모바일의 2칼럼으로 된 레이아웃을 보고나서 1컬럼으로 본 레이아웃 화면을 보면

    투박하고 촌스러운 듯해서 반드시 2칼럼 레이아웃을 고수하게 됩니다.

     

    나름대로 경험에서 얻게 된 유익한 Tip을 공유하고자 쓴 글입니다^^;;

    답변까지 달아주셔서 감사합니다!

  • 좋은 팁 감사합니다 ^^

    모바일 화면이 작지만 생각보다 품질이 좋은 것 같습니다.

    더 세련된 모바일 디자인을 해야겠네요!

  • 음냐님도 좋은 내용을 공유해 주세요^^

    저는 다음 번 글에서 상품 목록을 '무작위 순서'로 보여주기로 정했습니다.

    이 것도 매우 유용합니다^^;;;

  • 차일드 테마를 만들어서 설정을 하면 되는 것인지요?

    좋은 팁 감사합니다^^.

  • 당연히 차일드테마를 사용해서 작업합니다^^

이미지 사진은 imgur에 업로드한 뒤 링크 걸어주세요.
무제한으로 웹사이트를 만드세요. (코스모스팜 무제한 라이센스)