고도몰 쇼핑몰을 이용하면 유료 템플릿을 사용할 때에는 상관이 없지만
무료 템플릿을 사용하면 판매가, 할인률, 정가 부분이 수정이 필요한 경우가 있다.
1. 정가
다음과 같이 정가 22,000원과 판매가 17,800원이있다.
고도몰에서 관련 코드는
디자인 - 디자인 수정에 여러가지 html 파일중에서
상품 (goods) - 01.갤러리형 02.리스트형 같이 상품진열시 선택한 타입의 형태들이있다.
그 중 갤러리형을 선택했기때문에 갤러리형으로 들어간다.
그 전에 해당하는 쇼핑몰 홈페이지로 가서 f12 개발자 도구를 이용해 변경하고자 하는 정가를 클릭하여 class = "이름" 이름이 뭔지 확인한다.
다시 갤러리형으로 들어가서
html수정
1. CTRL +F 로 아까 f12로 찾아본 이름을 찾는다.
(해당 코드 :
<li class="fixed_price" style ="">
{=gd_global_currency_symbol()}{=gd_global_money_format(..fixedPrice)}{=gd_global_currency_string()}
<span class='add_currency'>{=gd_global_add_currency_display(..fixedPrice)}</span>
</li>
여기에서 <li class="fixed_price" style =""> 중 style="font-size : 17px; font-weight:bold; backgroung-color:#00000;" 와 같이 수정하면 정가가 바뀌게 된다. (클래스이름이 fixed_price가 아니라 item_price , 다른 이름일 수도있음)
CSS수정
2. 디자인에서 css - goods - 01.리스트형 혹은 list.css 에 들어간다.
아까 f12로 찾아본 이름을 CTRL+F 로 찾은 후
.item_box .fixed_price{ ~~~~ }
에서 ~~~ 부분을
font-size : 17px; font-weight:bold; color:#00000 등과같이 변경하고자 하는 코드로 변경해 주면된다.
2. 판매가
판매가 17,800을 변경해보자.
위치 파일은 정가와 동일하다.
1. 먼저 쇼핑몰 홈페이지로가 f12를 통해 판매가의 이름을 확인하자. (제 쇼핑몰은 item_price , c_price였다)
html수정
2. 정가와 같은 위치의 파일로가 CTRL F 로 해당 판매가의 이름을 찾아본다
<!--{ / }-->
<span <!--{ ? !(in_array('coupon',themeInfo.displayField) && ..couponPrice != '') }-->class="c_price"<!--{ / }-->>
3. 정가와같이
<span style="font-size = 15px , font ~~~~"
style코드를 원하는 대로 삽입하여 색깔 , 크기등을 바꾸어준다.
CSS수정
2. 정가와 같은 위치의 CSS파일로 이동한다. css - goods - list.css
3. 해당 파일에서 아까 찾은 판매가의 이름을 찾는다.
4.
.item_money_box .item_price{display:block; padding:7px 0 5px 0; font-size:12px; color:#000;}
다음과 같이 되있을건데 여기서 { } 부분을 수정하면된다. ( padding은 좌우상하 높이 , 글자크기 글자 색깔등!)
'IT 관련 > 고도몰(html)' 카테고리의 다른 글
고도몰 쇼핑몰 판매가,할인률,정가 수정하는 방법2(강조) (0) | 2023.04.21 |
---|