안녕하세요~^^

css추가하기에 아래 코드를 한번 적용해보시겠어요?

.checkout_button_wrapper{ position: fixed; }

그 이후에 문제되는 페이지에서 f12 버튼눌러 개발자 도구를 확인 하신 후 원하시는 대로 조정해 보시겠어요?

고맙습니다.

답변 감사합니다. 

position: fixed 로 할 경우 장바구니와 바로구매 버튼이 넓어지면서 원하는 모양으로 변하나 네이버페이 버튼이  스크롤 할때도 계속 한 위치에 고정이 되어 있네요~ 

.checkout_button_wrapper{
  bottom: -150px;
  left: -100px;
  position: relative;
}

그래서 위 처럼 설정하니 이번에는 원하는 위치에 고정되나 다시 장바구니와 바로구매 버튼이 기존처럼 좁은 형태를 띕니다 ㅠ

https://imgur.com/a/NG0A0G2

https://imgur.com/a/pnfh92g

.single-product .single_add_to_cart_button {
width: 30% !important; 
}

개발자 도구를 살펴보니 30%가 우선값으로 기본 설정이 되어 있어서 그런 것 같아요. 이 기본 값을 없애거나 수정할 수 있는 방법은 없는 것일까요? 우커머스 테마에 기본으로 설정된 값입니다.

css의 적용되는 우선순위는 클래스의 개수로 판별합니다.

.single-product .single_add_to_cart_button 요소를 감싸고 있는 클래스를 앞에 추가해보시겠어요?

ex) .product-wrap .single-product .single_add_to_cart_button

고맙습니다.