{"id":9048,"date":"2024-03-28T12:16:00","date_gmt":"2024-03-28T12:16:00","guid":{"rendered":"https:\/\/jojo.space\/au\/?page_id=9048"},"modified":"2025-09-28T08:16:57","modified_gmt":"2025-09-28T08:16:57","slug":"how-to-edit-a-product","status":"publish","type":"page","link":"https:\/\/jojo.space\/au\/tutorials\/how-to-edit-a-product\/","title":{"rendered":"How to Edit a Product"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">See this video for a tutorial.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"720\" style=\"aspect-ratio: 1280 \/ 720;\" width=\"1280\" controls src=\"https:\/\/jojo.space\/au\/wp-content\/uploads\/sites\/10\/2024\/03\/tutorial-on-importing-a-product-1.mp4\"><\/video><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">These are the checklists that you need to accomplish for each import.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">1. Copy the first paragraph in \u201cProduct description\u201d to \u201cProduct short description\u201d.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">2. Hide the video box if you see an error in displaying the (unavailable) video.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"308\" height=\"436\" src=\"https:\/\/jojo.space\/au\/wp-content\/uploads\/sites\/10\/2024\/04\/hide-video.png\" alt=\"\" class=\"wp-image-10927\" srcset=\"https:\/\/jojo.space\/au\/wp-content\/uploads\/sites\/10\/2024\/04\/hide-video.png 308w, https:\/\/jojo.space\/au\/wp-content\/uploads\/sites\/10\/2024\/04\/hide-video-212x300.png 212w\" sizes=\"(max-width: 308px) 100vw, 308px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">3. Create \u201cAttributes\u201d so that the cartesian products of the new attributes match all the options.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">4. Setup the attributes in product variations.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">5. Tick the correct price range boxes (multiple allowed) based on the prices of the product variations. See the following picture.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"489\" height=\"334\" src=\"https:\/\/jojo.space\/au\/wp-content\/uploads\/sites\/10\/2024\/04\/price-range.png\" alt=\"\" class=\"wp-image-9685\" srcset=\"https:\/\/jojo.space\/au\/wp-content\/uploads\/sites\/10\/2024\/04\/price-range.png 489w, https:\/\/jojo.space\/au\/wp-content\/uploads\/sites\/10\/2024\/04\/price-range-300x205.png 300w\" sizes=\"(max-width: 489px) 100vw, 489px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">6. Save the progress. Use \u201cSave Draft\u201d. Do not publish it.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">7. Edit the pictures to remove any Chinese characters. Add text for dimensions and other simple information.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">8. Go to the product preview to see the product page to make sure if everything is OK. You should be able to a price displayed after you select all the option values for a configuration. If no price is displayed, that means that you have not done the attributes properly, e.g., not filling in all the option values for some variations. Also, make sure the pictures are alright.<\/p>\n\n\n\n<h2 id=\"tips\" class=\"wp-block-heading\">Tips<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">1. This video shows how to edit out unwanted texts or pictures by covering it with a shape that matches the background color.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"480\" style=\"aspect-ratio: 854 \/ 480;\" width=\"854\" controls src=\"https:\/\/jojo.space\/au\/wp-content\/uploads\/sites\/10\/2024\/04\/how-to-edit-out-areas.mp4\"><\/video><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">2. Sometimes we want to change the attribute values because we might have made a spelling error, or simply come up with better wordings. When you change the attribute value, the system will not automatically update the values in variations. It will reset it to \u201cAny\u201d. We need to re-fill in those \u201cAny\u201d with the new attribute values. We can only do it ONE AT A TIME, otherwise, we will not know what values to fill in because they would be all mixed up. This video shows you how.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"720\" style=\"aspect-ratio: 1280 \/ 720;\" width=\"1280\" controls src=\"https:\/\/jojo.space\/au\/wp-content\/uploads\/sites\/10\/2024\/05\/how-to-change-attribute-values-hd.mp4\"><\/video><\/figure>\n\n\n\n<h2 id=\"misc\" class=\"wp-block-heading\">Misc.<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">1. All option names start with <strong>Upper<\/strong> cases and remain lower cases, except for names. The following picture shows the wrong mixing cases.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"625\" src=\"https:\/\/jojo.space\/au\/wp-content\/uploads\/sites\/10\/2024\/04\/mixing-cases-1024x625.png\" alt=\"\" class=\"wp-image-9676\" srcset=\"https:\/\/jojo.space\/au\/wp-content\/uploads\/sites\/10\/2024\/04\/mixing-cases-1024x625.png 1024w, https:\/\/jojo.space\/au\/wp-content\/uploads\/sites\/10\/2024\/04\/mixing-cases-300x183.png 300w, https:\/\/jojo.space\/au\/wp-content\/uploads\/sites\/10\/2024\/04\/mixing-cases-768x468.png 768w, https:\/\/jojo.space\/au\/wp-content\/uploads\/sites\/10\/2024\/04\/mixing-cases-600x366.png 600w, https:\/\/jojo.space\/au\/wp-content\/uploads\/sites\/10\/2024\/04\/mixing-cases.png 1146w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">2. All option values start with <strong>Upper<\/strong> cases, except for names. The following picture shows a mistake of capitalizing all first letters.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"178\" src=\"https:\/\/jojo.space\/au\/wp-content\/uploads\/sites\/10\/2024\/04\/upper-cases-1024x178.png\" alt=\"\" class=\"wp-image-9671\" srcset=\"https:\/\/jojo.space\/au\/wp-content\/uploads\/sites\/10\/2024\/04\/upper-cases-1024x178.png 1024w, https:\/\/jojo.space\/au\/wp-content\/uploads\/sites\/10\/2024\/04\/upper-cases-300x52.png 300w, https:\/\/jojo.space\/au\/wp-content\/uploads\/sites\/10\/2024\/04\/upper-cases-768x133.png 768w, https:\/\/jojo.space\/au\/wp-content\/uploads\/sites\/10\/2024\/04\/upper-cases-600x104.png 600w, https:\/\/jojo.space\/au\/wp-content\/uploads\/sites\/10\/2024\/04\/upper-cases.png 1204w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">3. The naming of option values need to be consisitent. For example, for shape, we should do \u201cDrum | Bowl\u201d, not \u201cDrum | Bowl Shaped\u201d. The following picture shows the inconsistency.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"192\" src=\"https:\/\/jojo.space\/au\/wp-content\/uploads\/sites\/10\/2024\/04\/inconsistency-1024x192.png\" alt=\"\" class=\"wp-image-9674\" srcset=\"https:\/\/jojo.space\/au\/wp-content\/uploads\/sites\/10\/2024\/04\/inconsistency-1024x192.png 1024w, https:\/\/jojo.space\/au\/wp-content\/uploads\/sites\/10\/2024\/04\/inconsistency-300x56.png 300w, https:\/\/jojo.space\/au\/wp-content\/uploads\/sites\/10\/2024\/04\/inconsistency-768x144.png 768w, https:\/\/jojo.space\/au\/wp-content\/uploads\/sites\/10\/2024\/04\/inconsistency-600x113.png 600w, https:\/\/jojo.space\/au\/wp-content\/uploads\/sites\/10\/2024\/04\/inconsistency.png 1097w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">4. You must choose the appropriate values for the new attributes and cannot leave them blank or \u201cAny value\u201d. Otherwise, the prices for the variations won\u2019t show up. You can check that the attribute values are filled in properly by going to product preview and choose the configurations to show prices. If product price is now shown, that means some attribute values are missing. The following picture shows some missing attribute values.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"712\" src=\"https:\/\/jojo.space\/au\/wp-content\/uploads\/sites\/10\/2024\/04\/filling-values-1024x712.png\" alt=\"\" class=\"wp-image-9688\" srcset=\"https:\/\/jojo.space\/au\/wp-content\/uploads\/sites\/10\/2024\/04\/filling-values-1024x712.png 1024w, https:\/\/jojo.space\/au\/wp-content\/uploads\/sites\/10\/2024\/04\/filling-values-300x209.png 300w, https:\/\/jojo.space\/au\/wp-content\/uploads\/sites\/10\/2024\/04\/filling-values-768x534.png 768w, https:\/\/jojo.space\/au\/wp-content\/uploads\/sites\/10\/2024\/04\/filling-values-600x417.png 600w, https:\/\/jojo.space\/au\/wp-content\/uploads\/sites\/10\/2024\/04\/filling-values.png 1202w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">5. Do not mix independent attributes into one. For example, coffee table and TV cabinet should be two independent attributes, they should not be mixed into one. The following picture shows a mistake of mixing them together. The new attributes can be, for instance, coffee table: \u201cYes | No\u201d, and TV cabinet: \u201cStandard | Slate | No\u201d.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"499\" src=\"https:\/\/jojo.space\/au\/wp-content\/uploads\/sites\/10\/2024\/04\/coffeetv-1024x499.png\" alt=\"\" class=\"wp-image-9693\" srcset=\"https:\/\/jojo.space\/au\/wp-content\/uploads\/sites\/10\/2024\/04\/coffeetv-1024x499.png 1024w, https:\/\/jojo.space\/au\/wp-content\/uploads\/sites\/10\/2024\/04\/coffeetv-300x146.png 300w, https:\/\/jojo.space\/au\/wp-content\/uploads\/sites\/10\/2024\/04\/coffeetv-768x375.png 768w, https:\/\/jojo.space\/au\/wp-content\/uploads\/sites\/10\/2024\/04\/coffeetv-600x293.png 600w, https:\/\/jojo.space\/au\/wp-content\/uploads\/sites\/10\/2024\/04\/coffeetv.png 1261w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">5. When you are new, do not delete the original attribute \u201csort by color\u201d for now. We cannot double check your new attributes with the old one to verify the correctness.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"461\" src=\"https:\/\/jojo.space\/au\/wp-content\/uploads\/sites\/10\/2024\/04\/sort-by-color-1024x461.png\" alt=\"\" class=\"wp-image-9690\" srcset=\"https:\/\/jojo.space\/au\/wp-content\/uploads\/sites\/10\/2024\/04\/sort-by-color-1024x461.png 1024w, https:\/\/jojo.space\/au\/wp-content\/uploads\/sites\/10\/2024\/04\/sort-by-color-300x135.png 300w, https:\/\/jojo.space\/au\/wp-content\/uploads\/sites\/10\/2024\/04\/sort-by-color-768x346.png 768w, https:\/\/jojo.space\/au\/wp-content\/uploads\/sites\/10\/2024\/04\/sort-by-color-600x270.png 600w, https:\/\/jojo.space\/au\/wp-content\/uploads\/sites\/10\/2024\/04\/sort-by-color.png 1199w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">6. When breaking down the original big attribute into small ones, you need to do some thinking. Some texts in the big attribute description are *not* values, they are merely descriptions. We should skip those in creating new attributes. For example, the following picture wrongly create attributes for \u201cnumber of piece\u201d and \u201cfor one person\u201d. These are merely descriptions that should be skipped.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"637\" src=\"https:\/\/jojo.space\/au\/wp-content\/uploads\/sites\/10\/2024\/04\/description-1024x637.png\" alt=\"\" class=\"wp-image-9696\" srcset=\"https:\/\/jojo.space\/au\/wp-content\/uploads\/sites\/10\/2024\/04\/description-1024x637.png 1024w, https:\/\/jojo.space\/au\/wp-content\/uploads\/sites\/10\/2024\/04\/description-300x187.png 300w, https:\/\/jojo.space\/au\/wp-content\/uploads\/sites\/10\/2024\/04\/description-768x478.png 768w, https:\/\/jojo.space\/au\/wp-content\/uploads\/sites\/10\/2024\/04\/description-600x373.png 600w, https:\/\/jojo.space\/au\/wp-content\/uploads\/sites\/10\/2024\/04\/description.png 1368w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">7. Do not create an attribute for one that has only one option. There is nothing to select. The following picture shows a wrongly added attribute where \u201cOval\u201d is the only option.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"465\" src=\"https:\/\/jojo.space\/au\/wp-content\/uploads\/sites\/10\/2024\/04\/only-one-value-1024x465.png\" alt=\"\" class=\"wp-image-9699\" srcset=\"https:\/\/jojo.space\/au\/wp-content\/uploads\/sites\/10\/2024\/04\/only-one-value-1024x465.png 1024w, https:\/\/jojo.space\/au\/wp-content\/uploads\/sites\/10\/2024\/04\/only-one-value-300x136.png 300w, https:\/\/jojo.space\/au\/wp-content\/uploads\/sites\/10\/2024\/04\/only-one-value-768x349.png 768w, https:\/\/jojo.space\/au\/wp-content\/uploads\/sites\/10\/2024\/04\/only-one-value-600x272.png 600w, https:\/\/jojo.space\/au\/wp-content\/uploads\/sites\/10\/2024\/04\/only-one-value.png 1143w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>See this video for a tutorial. These are the checklists that you need to accomplish for each import. 1. Copy the first paragraph in \u201cProduct description\u201d to \u201cProduct short description\u201d. 2. Hide the video box if you see an error in displaying the (unavailable) video. 3. Create \u201cAttributes\u201d so that the cartesian products of the [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":12976,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-9048","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/jojo.space\/au\/wp-json\/wp\/v2\/pages\/9048","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jojo.space\/au\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jojo.space\/au\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jojo.space\/au\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/jojo.space\/au\/wp-json\/wp\/v2\/comments?post=9048"}],"version-history":[{"count":20,"href":"https:\/\/jojo.space\/au\/wp-json\/wp\/v2\/pages\/9048\/revisions"}],"predecessor-version":[{"id":31287,"href":"https:\/\/jojo.space\/au\/wp-json\/wp\/v2\/pages\/9048\/revisions\/31287"}],"up":[{"embeddable":true,"href":"https:\/\/jojo.space\/au\/wp-json\/wp\/v2\/pages\/12976"}],"wp:attachment":[{"href":"https:\/\/jojo.space\/au\/wp-json\/wp\/v2\/media?parent=9048"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}