<?xml version="1.0" encoding="UTF-8" ?>
<rss version="2.0">
	<channel>
				<title><![CDATA[input type=&quot;button&quot; css수정시 모바일에서 적용이 안돼요]]></title>
		<link>https://www.cosmosfarm.com/threads/rss/document/34791</link>
		<description><![CDATA[<p>안녕하세요 워드프레스로 쇼핑몰 구축을 목표로 공부중인 개린이 디자이너입니다.(아무것도 모르니 실컷 지적해주세요)</p>

<p>이전에도 경험했었는데 모바일기기의 버튼과 웹에서 보이는 버튼에 차이가 생기는 이유가 무엇일까요..?</p>

<p> </p>

<p>WooCommerce Quick Buy플러그인으로 생성한 [바로구매] 버튼이 말썽입니다.</p>

<p><img alt="4jvCgUx" src="https://imgur.com/4jvCgUx" /><img alt="f7363U3" src="https://imgur.com/f7363U3" /></p>

<p> css를 손대지 않으면, 기본 버튼디자인과 같은 모습으로 웹, 모바일 동일하게 작동합니다.</p>

<p> </p>

<p><img alt="N3cacnC" src="https://imgur.com/N3cacnC" /><img alt="fiJHKKx" src="https://imgur.com/fiJHKKx" /></p>

<p>css를 만지고나니 모바일에서는 문제가 생기네요ㅜㅜ(모바일에서는 아예 css가 적용되지 않습니다.)</p>

<p> </p>

<p>구글링해봤지만 애초에 서치능력달려 원인을 찾지 못했습니다.. 추측하는 유일한 차이점은 WooCommerce의 다른 버튼은 button인데, [바로구매]버튼은 input type="button"이라는 점이에요.</p>

<p>혹시나해서 플러그인파일에서 직접 input -&gt; button으로 만들어보려고 했지만, 무슨코드를 고쳐야하는지...허허</p>

<p>어떻게 바로잡을 수 있을까요..?</p>

<p> </p>

<p>질문을 위해 조금 더 서치(29cm, apple)해봤습니다.</p>

<p>버튼은 &lt;button&gt;, &lt;a class="button"&gt;, &lt;input type=""&gt; 총 3종류로 제작되고,</p>

<ol>
	<li>
	<p>&lt;button&gt;은 이전의 정보를 가져갈때 (e.g. type="submit")</p>
	</li>
	<li>
	<p>&lt;a class="button"&gt;은 페이지 전환시</p>
	</li>
	<li>
	<p>&lt;input&gt;은 주로 type="radio"로 옵션선택</p>
	</li>
</ol>

<p>이렇게 사용하더군요.</p>

<p> </p>

<p>혹시 잘못 알고있는 점이 있을까요?</p>

<p> </p>

<p>지금은 모자란 실력탓에 우커머스와 유료테마를 사용중입니다. 나중에는 무거운 테마를 사용하지 않고 오직 내 사이트를 위한 커스텀제작을 목표로 하고있습니다.</p>]]></description>
		<copyright>Copyright 2026, 코스모스팜</copyright>
				<item>
			<title><![CDATA[정말 감사드립니다! 이렇게 친절히 답해주시니 다들 코스모스팜을 찾는거였군요ㅜㅜ

 

알고보니 크롬 ...]]></title>
			<link>https://www.cosmosfarm.com/threads/document/34809</link>
			<description><![CDATA[<p>정말 감사드립니다! 이렇게 친절히 답해주시니 다들 코스모스팜을 찾는거였군요ㅜㅜ</p>

<p> </p>

<p>알고보니 크롬 개발자도구로는 모바일, 웹 모두 css가 잘 적용되었는데, 아이폰 사파리를 통해 접속하면 문제가 생기는거였네요!</p>

<p>하지만 알려주신 플러그인코드를 수정했더니 다 잘 작동합니다ㅎㅎ 너무 감사합니다.</p>

<p>덧붙여주신 태그들 설명도 감사합니다(꾸벅)</p>]]></description>
			<author>문홍규</author>
			<pubDate>Mon, 15 Jul 2019 04:06:24 +0000</pubDate>
			<category>HTML/CSS/웹표준</category>
		</item>
				<item>
			<title><![CDATA[현재는 코드를 원래 상태로 돌리신 건지요?

저희 쪽에서 확인해보니 아래처럼 표시되고 있습니다.

htt...]]></title>
			<link>https://www.cosmosfarm.com/threads/document/34805</link>
			<description><![CDATA[<p>현재는 코드를 원래 상태로 돌리신 건지요?</p>

<p>저희 쪽에서 확인해보니 아래처럼 표시되고 있습니다.</p>

<p><a href="https://imgur.com/a/aOqCBxt" target="_blank">https://imgur.com/a/aOqCBxt</a></p>

<p> </p>

<p>브라우저의 캐시 문제는 아닌지 확인해보셔야 할 듯합니다.</p>

<p>크롬 브라우저에서 강력 새로고침은 Ctrl + Shift + R 입니다.</p>

<p> </p>

<p>추가로, WooCommerce Quick Buy 플러그인의 바로구매 버튼은</p>

<p>FTP로 접속해서 /wp-content/plugins/woocommerce-quick-buy/includes/class-frontend.php 파일에서 표시하고 있는 듯합니다.</p>

<p>input 태그의 버튼을 button 태그로 교체하시려면</p>

<p>아래의 코드를 찾아서</p>

<pre>
<code class="language-php">$return .= '&lt;input value="' . $label . '" type="button" id="' . $defined_id . '" ' . $defined_attrs . '  class="wcqb_button ' . $defined_class . '"&gt;';</code></pre>

<p>아래의 코드로 교체해보시겠어요?</p>

<pre>
<code class="language-php">$return .= '&lt;button type="button" id="' . $defined_id . '" ' . $defined_attrs . '  class="wcqb_button ' . $defined_class . '"&gt;'.$label.'&lt;/button&gt;';</code></pre>

<p><br />
&lt;a&gt; 태그는 페이지 이동의 기능이 있습니다.</p>

<p>&lt;input type="button"&gt;과 &lt;button type="button"&gt;은 기능적으로 같습니다.</p>

<p>button 태그 요소에 type 속성을 정의하지 않으면 기본적으로 submit 기능을 수행합니다.</p>

<p>즉, &lt;input type="submit"&gt;과 동일합니다.</p>

<p>input 태그에는 그 외에도 텍스트, 라디오, 체크박스 등을 사용하실 수 있습니다.</p>

<p>고맙습니다.</p>]]></description>
			<author>스레드봇</author>
			<pubDate>Mon, 15 Jul 2019 03:06:12 +0000</pubDate>
			<category>HTML/CSS/웹표준</category>
		</item>
				<item>
			<title><![CDATA[http://34.80.184.242/product/03/

페이지주소입니다! ]]></title>
			<link>https://www.cosmosfarm.com/threads/document/34799</link>
			<description><![CDATA[<p>http://34.80.184.242/product/03/</p>

<p>페이지주소입니다! </p>]]></description>
			<author>문홍규</author>
			<pubDate>Mon, 15 Jul 2019 01:34:31 +0000</pubDate>
			<category>HTML/CSS/웹표준</category>
		</item>
				<item>
			<title><![CDATA[안녕하세요~^^

CSS 코드 수정은 저희가 페이지를 직접 봐야 도움을 드릴 수 있을 듯합니다.

비회원으...]]></title>
			<link>https://www.cosmosfarm.com/threads/document/34796</link>
			<description><![CDATA[<p>안녕하세요~^^</p>

<p>CSS 코드 수정은 저희가 페이지를 직접 봐야 도움을 드릴 수 있을 듯합니다.</p>

<p>비회원으로도 확인 가능한 페이지 주소 알려주시면 살펴보겠습니다.</p>

<p>고맙습니다.</p>]]></description>
			<author>스레드봇</author>
			<pubDate>Mon, 15 Jul 2019 00:11:56 +0000</pubDate>
			<category>HTML/CSS/웹표준</category>
		</item>
			</channel>
</rss>