txt
This commit is contained in:
parent
13533913fb
commit
281fb3919b
|
|
@ -0,0 +1,31 @@
|
|||
이번엔 옵션 이미지를 편집 하려고 해.
|
||||
|
||||
'퍼센티 이미지 에디터'를 연 이후에는 썸네일 이미지번역과 같아.
|
||||
|
||||
옵션수정 페이지에 대해 설명해 줄께.
|
||||
|
||||
옵션페이지에는 각 옵션에 옵션이미지가 존재할 경우에만 편집버튼이 존재하고 활성화 되어있어.
|
||||
2가지를 고려해야해.
|
||||
|
||||
1. 옵션이 선택되었을때와 제외되었을때의 상태가 아래처럼 조금 달라.
|
||||
|
||||
선택된 옵션일 경우 요소상태
|
||||
<div class="sc-gkRewV dxxtNb"><div class="ant-row css-1li46mu" style="margin-bottom: 4px;"><div class="ant-col css-1li46mu" style="flex: 1 1 auto;"><div class="sc-ifjxht jIguTm"><span class="sc-cbelJu kYrOnf FootnoteDescription ">썸네일로 복사</span></div></div></div><img src="https://file.percenty.co.kr/public/652bed8e865b1f32ea62bf1f/products/67e250011cd42d3e6534a4c9/1ecdfd13-ebf2-4bb2-8c78-880c4c7c147f.jpg" class="sc-bklklh kxLUIk"><div class="ant-row ant-row-no-wrap ant-row-space-between ant-row-middle css-1li46mu" style="margin-top: 4px;"><div class="ant-col css-1li46mu"><div class="sc-blFMiU jOJneF"><span class="sc-cbelJu kYrOnf FootnoteDescription ">삭제</span></div></div><div class="ant-col css-1li46mu"><div class="sc-ifjxht jIguTm"><span role="img" aria-label="edit" class="anticon anticon-edit" style="margin-right: 4px; font-size: 12px;"><svg viewBox="64 64 896 896" focusable="false" data-icon="edit" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"></path></svg></span><span class="sc-cbelJu kYrOnf FootnoteDescription ">편집</span></div></div></div></div>
|
||||
|
||||
제외된 옵션일 경우 요소상태
|
||||
<div class="sc-gkRewV dxxtNb"><div class="ant-row css-1li46mu" style="margin-bottom: 4px;"><div class="ant-col css-1li46mu" style="flex: 1 1 auto;"><div class="sc-ifjxht jIguTm"><span class="sc-cbelJu kYrOnf FootnoteDescription ">썸네일로 복사</span></div></div></div><img src="https://file.percenty.co.kr/public/652bed8e865b1f32ea62bf1f/products/67e250011cd42d3e6534a4c9/1ecdfd13-ebf2-4bb2-8c78-880c4c7c147f.jpg" class="sc-bklklh kxLUIk"><div class="ant-row ant-row-no-wrap ant-row-space-between ant-row-middle css-1li46mu" style="margin-top: 4px;"><div class="ant-col css-1li46mu"><div class="sc-blFMiU jOJneF"><span class="sc-cbelJu kYrOnf FootnoteDescription ">삭제</span></div></div><div class="ant-col css-1li46mu"><div class="sc-ifjxht jIguTm"><span role="img" aria-label="edit" class="anticon anticon-edit" style="margin-right: 4px; font-size: 12px;"><svg viewBox="64 64 896 896" focusable="false" data-icon="edit" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"></path></svg></span><span class="sc-cbelJu kYrOnf FootnoteDescription ">편집</span></div></div></div><div class="sc-fGdiLE jYQUZ"><span class="sc-iUHWHT gzAcNZ">제외된 옵션</span></div></div>
|
||||
|
||||
2. 옵션이미지가 있을 경우와 없을 경우의 상태가 아래처럼 조금 달라.
|
||||
편집버튼의 요소
|
||||
<span role="img" aria-label="edit" class="anticon anticon-edit" style="margin-right: 4px; font-size: 12px;"><svg viewBox="64 64 896 896" focusable="false" data-icon="edit" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"></path></svg></span>
|
||||
|
||||
|
||||
옵션이미지가 있는 경우
|
||||
class="sc-gkRewV dxxtNb"
|
||||
옵션이미지가 없는 경우
|
||||
class="sc-kGJcXs gSfApW"
|
||||
|
||||
1번옵션카드 css
|
||||
"div#productMainContentContainerId li:nth-child(1) > div > div:nth-child(1) > div > div:nth-child(2) > div"
|
||||
2번옵션카드 css
|
||||
"div#productMainContentContainerId li:nth-child(2) > div > div:nth-child(1) > div > div:nth-child(2) > div"
|
||||
|
|
@ -0,0 +1,173 @@
|
|||
{
|
||||
"id": 11399417545,
|
||||
"channelServiceType": "STOREFARM",
|
||||
"category": {
|
||||
"wholeCategoryId": "50000004>50000108>50001119>50003340",
|
||||
"wholeCategoryName": "가구/인테리어>인테리어소품>조명>인테리어조명",
|
||||
"categoryId": "50003340",
|
||||
"categoryName": "인테리어조명"
|
||||
},
|
||||
"name": "카르텔 가부키 디자인 조명 침실 인테리어 스탠드 램프 호텔 카페",
|
||||
"dispName": "카르텔 가부키 디자인 조명 침실 인테리어 스탠드 램프 호텔 카페",
|
||||
"channel": {
|
||||
"channelNo": 102474394,
|
||||
"accountNo": 102357929,
|
||||
"channelUid": "2xfsVGO2bhm96rN0UjPXv",
|
||||
"accountId": "ncp_1oxvvt_01",
|
||||
"channelName": "모드다"
|
||||
},
|
||||
"storeKeepExclusiveProduct": false,
|
||||
"productNo": 11346118313,
|
||||
"salePrice": 250200,
|
||||
"saleType": "NEW",
|
||||
"productStatusType": "SALE",
|
||||
"authenticationType": "NORMAL",
|
||||
"seoInfo": {
|
||||
"pageTitle": "카르텔 가부키 디자인 조명 침실 인테리어 스탠드 램프 호텔 카페",
|
||||
"metaDescription": "카르텔가부키,플로어,캠핑,디밍,블랙,테이블,책상,크리스탈,고급,미니,투명",
|
||||
"sellerTags": [
|
||||
{
|
||||
"code": 495,
|
||||
"text": "투명"
|
||||
},
|
||||
{
|
||||
"code": 112,
|
||||
"text": "블랙"
|
||||
},
|
||||
{
|
||||
"code": 323946,
|
||||
"text": "디밍"
|
||||
},
|
||||
{
|
||||
"text": "카르텔가부키"
|
||||
},
|
||||
{
|
||||
"text": "고급"
|
||||
}
|
||||
]
|
||||
},
|
||||
"optionUsable": true,
|
||||
"optionStandards": [],
|
||||
"supplementProductUsable": false,
|
||||
"purchaseReviewInfo": {
|
||||
"purchaseReviewExposure": true
|
||||
},
|
||||
"minorPurchasable": true,
|
||||
"isRestrictCart": false,
|
||||
"benefitsView": {
|
||||
"discountedSalePrice": 125100,
|
||||
"mobileDiscountedSalePrice": 125100,
|
||||
"sellerImmediateDiscountAmount": 125100,
|
||||
"mobileSellerImmediateDiscountAmount": 125100,
|
||||
"managerImmediateDiscountAmount": 0,
|
||||
"mobileManagerImmediateDiscountAmount": 0,
|
||||
"discountedRatio": 50,
|
||||
"mobileDiscountedRatio": 50,
|
||||
"sellerPurchasePoint": 0,
|
||||
"mobileSellerPurchasePoint": 0,
|
||||
"sellerCustomerManagementPoint": 0,
|
||||
"mobileSellerCustomerManagementPoint": 0,
|
||||
"managerPurchasePoint": 1251,
|
||||
"mobileManagerPurchasePoint": 1251,
|
||||
"managerPurchaseExtraPoint": 0,
|
||||
"mobileManagerPurchaseExtraPoint": 0,
|
||||
"generalPurchaseReviewPoint": 0,
|
||||
"premiumPurchaseReviewPoint": 0,
|
||||
"storeMemberReviewPoint": 0,
|
||||
"managerGeneralPurchaseReviewPoint": 50,
|
||||
"managerPremiumPurchaseReviewPoint": 150,
|
||||
"givePresent": false,
|
||||
"textReviewPoint": 0,
|
||||
"photoVideoReviewPoint": 0,
|
||||
"afterUseTextReviewPoint": 0,
|
||||
"afterUsePhotoVideoReviewPoint": 0,
|
||||
"managerTextReviewPoint": 50,
|
||||
"managerPhotoVideoReviewPoint": 150,
|
||||
"managerAfterUseTextReviewPoint": 0,
|
||||
"managerAfterUsePhotoVideoReviewPoint": 0,
|
||||
"dispDiscountedSalePrice": 125100,
|
||||
"dispDiscountedRatio": 50
|
||||
},
|
||||
"saleAmount": {
|
||||
"cumulationSaleCount": 1,
|
||||
"recentSaleCount": 1
|
||||
},
|
||||
"reviewAmount": {
|
||||
"totalReviewCount": 0,
|
||||
"premiumReviewCount": 0,
|
||||
"averageReviewScore": 0,
|
||||
"productSatisfactionPercent": 0
|
||||
},
|
||||
"displayable": true,
|
||||
"usableDelivery": true,
|
||||
"representativeImageUrl": "https://shop-phinf.pstatic.net/20250126_249/1737818754917uSieD_JPEG/71951670059279481_2000882643.jpg",
|
||||
"representativeImageWidth": 750,
|
||||
"representativeImageHeight": 1000,
|
||||
"optionalImageUrls": [
|
||||
"https://shop-phinf.pstatic.net/20250126_117/1737818766982wKM6G_JPEG/1364701804560128_101043510.jpg",
|
||||
"https://shop-phinf.pstatic.net/20250126_265/1737818777011f2lpi_JPEG/84966299225218566_1105625820.jpg",
|
||||
"https://shop-phinf.pstatic.net/20250126_29/1737818783748u45zl_JPEG/49457685757996296_815771228.jpg",
|
||||
"https://shop-phinf.pstatic.net/20250126_240/1737818802277X77X5_JPEG/84966324498235795_1255744813.jpg",
|
||||
"https://shop-phinf.pstatic.net/20250126_207/1737818816206sbaX1_JPEG/9786306323668956_148463495.jpg"
|
||||
],
|
||||
"productDeliveryInfo": {
|
||||
"deliveryFeeType": "FREE",
|
||||
"baseFee": 0,
|
||||
"deliveryAttributeType": "TODAY",
|
||||
"thisDayDispatchBasisTime": "06:00:00.000+0000",
|
||||
"installationFee": false,
|
||||
"area2ExtraFee": 5000,
|
||||
"deliveryMethodTypes": [
|
||||
"DELIVERY"
|
||||
],
|
||||
"deliveryCompany": {
|
||||
"id": "CJGLS",
|
||||
"name": "CJ대한통운"
|
||||
},
|
||||
"todayStockQuantity": 49
|
||||
},
|
||||
"detailContents": {
|
||||
"detailContentText": "카르텔 가부키 디자인 조명 침실 인테리어 스탠드 램프 호텔 카페 옵션 이미지 색상 분류 : 6 투명 수출품질 스탠드 D30 H70CM 삼색변광 터치 조광 색상 분류 : 1 투명[수출품질] 플로어 램프 D50 H166CM 삼색변광 색상 분류 : 2 화이트 수출품질 장판등 D50 H166CM 삼색변광 색상 분류 : 3 블랙[수출품질] 플로어 램프 D50 H166CM 삼색변광 색상 분류 : 4 블루 수출품질 장판등 D50 H166CM 삼색변광 색상 분류 : 5 민트 수출품질 장판등 D50 H166CM 삼색변광 색상 분류 : 7 화이트 수",
|
||||
"editorType": "SEONE"
|
||||
},
|
||||
"enableCart": true,
|
||||
"freeDelivery": true,
|
||||
"todayDelivery": true,
|
||||
"regularSubscription": false,
|
||||
"arrivalGuarantee": false,
|
||||
"subscriptionBenefitContent": [],
|
||||
"rmids": [],
|
||||
"rentalOneTimeFee": false,
|
||||
"stockQuantity": 9989,
|
||||
"benefitsPolicy": {
|
||||
"sellerImmediateDiscountPolicyNo": "SE_11346118313",
|
||||
"sellerImmediateDiscountValueUnit": "PERCENT",
|
||||
"sellerImmediateDiscountValue": 50,
|
||||
"multiPurchaseDiscountValueUnit": "WON",
|
||||
"multiPurchaseDiscountValue": 1000,
|
||||
"multiPurchaseOrderUnit": "COUNT",
|
||||
"multiPurchaseOrderValue": 2
|
||||
},
|
||||
"mobileBenefitsPolicy": {
|
||||
"sellerImmediateDiscountPolicyNo": "SE_11346118313",
|
||||
"sellerImmediateDiscountValueUnit": "PERCENT",
|
||||
"sellerImmediateDiscountValue": 50,
|
||||
"multiPurchaseDiscountValueUnit": "WON",
|
||||
"multiPurchaseDiscountValue": 1000,
|
||||
"multiPurchaseOrderUnit": "COUNT",
|
||||
"multiPurchaseOrderValue": 2
|
||||
},
|
||||
"dispSalePrice": 250200,
|
||||
"claimDeliveryInfo": {
|
||||
"freeReturnInsurance": false
|
||||
},
|
||||
"epInfo": {
|
||||
"syncNvMid": 88943927910,
|
||||
"naverShoppingRegistration": true,
|
||||
"naverShoppingExposure": true
|
||||
},
|
||||
"adultAuthorizationType": "ADULT_SELFAUTH_EXPIRED",
|
||||
"authorizationDisplay": "NORMAL",
|
||||
"orderDeliveryAttributeType": null,
|
||||
"orderScheduledChannelType": null
|
||||
},
|
||||
Loading…
Reference in New Issue