wc quick button을 이용하여 장바구나 옆에 바로결제 버튼을 위치시키고 싶은데요
우선 동일한 스타일의 버튼으로 수정을 하였으나 바로 옆에 위치시키는 방법이 궁금하여 이렇게 질문 남깁니다!
$defined_class = 'single_add_to_cart_button wc_quick_buy_button'.$type.' quick_buy_'.$pid.'_button quick_buy_'.$pid.''.$class;
$defined_id = 'quick_buy_'.$pid.'_button';
$defined_attrs = 'name="" data-product-type="'.$type.'" data-product-id="'.$pid.'"';
해당 php파일을 이렇게 수정하여 버튼스타일은 동일하게 만들어 놓았는데 여기서
single_add_to_cart_button button alt disabled wc-variation-selection-needed 해당 class 옆에
wcqb_button single_add_to_cart_button wc_quick_buy_buttonvariable quick_buy_738_button quick_buy_738quick_buy_button disabled wc-variation-selection-needed
해당 클래스인 바로결제를 넣고 싶은데 방법이 없을까요
아니면 해당 플러그인 버튼 스타일에서 붙일 방법이 없을까요??
Button Internal Style |
Css Class Used : |
---|
안녕하세요~^^
실제 홈페이지를 확인해야만 조금이라도 도움을 드릴 수 있을 듯합니다.
또한 경우에 따라서 우커머스 혹은 테마 쪽 파일을 수정해야 한다면 확실하게 도움을 드리기 어려울 수 있습니다.
아무튼 실제 페이지 주소를 알려주시겠어요?
고맙습니다.
http://rwder.co.kr/?product=%EB%B2%84%ED%8A%BC
버튼 관련 페이지 주소 전달드립니다!!!
확인 부탁드립니다 ㅠㅠ 정말 감사드려요
안녕하세요.
브라우저의 개발자 도구(F12키)를 사용해서 확인해보니
장바구니 버튼과 구매 버튼이 위치하는 레이아웃이 서로 다릅니다.
따라서 원하시는 모양을 만드시려면 테마쪽 파일까지 수정을 해야 할 듯합니다.
대신 버튼을 현재 위치에서 보다 깔끔하게 보여지게 하시려면
아래 CSS 코드를 추가해서 확인해보시겠어요?
.quick_buy_container { padding-top: 10px; }
@media screen and (max-width: 768px) {
.single_add_to_cart_button {
width: 100%;
}
}
워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에 추가해주세요.
고맙습니다.