프론트앤드/Shopify6 [Shopify] story theme 상품목록에 Add to cart 버튼 추가 shopify에 많은 테마가 있는데 그중에서도 유료테마인 Story를 사용하고있다. 이커머스 사이트면 Add to cart버튼이 어디든 존재해서 고객을 어서빨리 구매전환을 시켜야하는데, 해당 테마에서 해당 기능을 찾을 수 없어서 story theme 고객센터에 문의한 결과, 현재 story theme에서는 상품목록에 장바구니 버튼을 제공하고 있지 않다고 함 🥲 많은 여정 끝에 괜찮은 사료를 찾게 되었고, Finally 상품 목록에 Add to Cart 버튼을 추가하게 되었습니다. 🎉 https://youtu.be/fxk51sRZs38?si=m_8mY7VBQ_e5R63K 위 영상을 참고하였고, 해당 영상은 1년전 업로드되었기도 하며 다른 theme의 예시라, 현재 쓰고있는 story의 코드와는 다소 다릅니.. 2024. 1. 8. [javascript] 404.liquid 에서 리디렉션 사용자에게 오류페이지를 보여주지 않기 위해서, sections폴더에 있는 404.liquid 탬플릿에 더보기 를 삽입해 주었다. 결과 -> url에 아무거나 쳐도 바로 메인페이지로 이동함 ! 2023. 9. 10. [JavaScript] 오류 메시지에서 "Assignment to constant variable"라는 내용을 볼 수 있습니다. 이 오류는 const로 선언된 변수에 값을 다시 할당하려고 할 때 발생합니다. const로 선언된 변수는 한 번 값이 할당되면 다른 값을 할당할 수 없습니다. 따라서 selectedNailLength 변수를 let으로 선언하거나, 이미 const로 선언했다면 다른 변수로 값을 저장하는 방식으로 수정해야 합니다. 아래는 수정된 코드입니다: default 값으로 바로 checkbox가 checked 되어있도록 2023. 9. 9. [JSON Template] 404-template Designing (1-3) 1. wrap our template using "tag" attribute tag attribute - By default, when Shopify renders a section, it wrapped in a element with a unique 'id' attribute. - If you don't want to use , then you can specify which kind of HTML element to use with the 'tag' attribute. the following are the accepted values - article - aside - div - footer - header - section 여기서 시작 (1-2 내용) {{ section.settings.title.. 2023. 8. 27. [JSON Template] 404-template schema (1-2) 이 전 내용과 이어진다. 이번에는 이 전에 적용했던 코드에서 schema를 적용하고 바꿔서 커스터마이징까지 할 수있게 바꾸어 보았다 ! {% schema %} { "name": "Template-404", "settings": [ { "type": "text", "id": "title", "default": "404", "label": "404 Heading Title" } ] } {% endschema %} //같은 파일 내 //여기는 HTML {{ section.settings.title }} //여기를 이렇게 간단하게 변경 {{ 'general.404.subtext_html' | t }} //schema {% schema %} { "name": "Template-404", "settings": [ .. 2023. 8. 26. [JSON Templates] 404 template ✨ 나도 이제 취업성공 ✨ 맡은 업무중에 하나인 해외 이커머스 shopify 를 이용한 페이지를 관리하기 위해 쇼피파이라는것을 처음 접하고,, 파해치게되었다.. 공식문서 빼고는 아직 국내에서 블로그 같은 사료가 많이 없어서 ㅠ 마침 udemy에 적절한 영상이 있어 내돈내산 해 보았다..! 자막도 따로 없어 영어자막 자동 생성으로 열심히 따라가는즁.. 😂 여기 포스트는 기록 및 따라해보기 + 복습 용으로 정리해 볼 것이다 ! Shopify Theme 이 2.0으로 업그레이드 되면서 원래 liquid를 썼다면 json 으로 template가 변경되었다. liquid template 이었던 404 파일을 json template으로 변경해 주었다. 쇼피파이 공식 문서에 있는 JSON templates로 쓸 수.. 2023. 8. 26. 이전 1 다음
