{"id":264,"date":"2026-07-01T00:55:40","date_gmt":"2026-06-30T15:55:40","guid":{"rendered":"https:\/\/guide.rank-king.net\/?post_type=docs&#038;p=264"},"modified":"2026-07-01T01:14:31","modified_gmt":"2026-06-30T16:14:31","slug":"add-and-configure-a-product-ranking","status":"publish","type":"docs","link":"https:\/\/guide.rank-king.net\/?docs=add-and-configure-a-product-ranking&lang=en","title":{"rendered":"Customize the Ranking Design"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">This guide explains how to customize the appearance of your Rank King ranking section to match your store&#8217;s design.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/guide.rank-king.net\/wp-admin\/post.php?post=168&amp;action=edit#5\">Overview<\/a>\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/guide.rank-king.net\/wp-admin\/post.php?post=168&amp;action=edit#5-%E2%91%A0\">1. Set the ranking heading<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/guide.rank-king.net\/wp-admin\/post.php?post=168&amp;action=edit#5-%E2%91%A1\">2. Configure the slider<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/guide.rank-king.net\/wp-admin\/post.php?post=168&amp;action=edit#5-%E2%91%A2\">3. Customize the link button<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/guide.rank-king.net\/wp-admin\/post.php?post=168&amp;action=edit#5-%E2%91%A3\">4. Configure the ranking icons<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/guide.rank-king.net\/wp-admin\/post.php?post=168&amp;action=edit#5-%E2%91%A4\">5. Adjust the layout<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/guide.rank-king.net\/wp-admin\/post.php?post=168&amp;action=edit#5-%E2%91%A5\">6. Configure product images<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/guide.rank-king.net\/wp-admin\/post.php?post=168&amp;action=edit#5-%E2%91%A6\">7. Customize advanced design settings<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h4 id=\"5\" class=\"wp-block-heading\">1. Set the Ranking Heading<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Customize the title displayed above the ranking section.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Go to:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Ranking Heading<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Enter any text you&#8217;d like to display.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Example:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Best Sellers<br>Top Products<br>Weekly Best Sellers<br>Trending Items<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"279\" src=\"https:\/\/rank-king.net\/site\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_1\u2460-1024x279.png\" alt=\"\" class=\"wp-image-77\" srcset=\"https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_1\u2460-1024x279.png 1024w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_1\u2460-300x82.png 300w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_1\u2460-768x209.png 768w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_1\u2460-1536x419.png 1536w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_1\u2460.png 1666w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h5 id=\"5-\u2461\" class=\"wp-block-heading\">2. Configure the Slider<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">If you&#8217;re displaying rankings as a slider, you can customize its appearance.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Configure the following settings:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Enable Slider<br>Top Padding<br>Bottom Padding<br>Left &amp; Right Padding<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Adjust these values to match your storefront&#8217;s layout and spacing.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/rank-king.net\/site\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_2\u2461-1024x451.png\" alt=\"\" class=\"wp-image-78\" srcset=\"https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_2\u2461-1024x451.png 1024w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_2\u2461-300x132.png 300w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_2\u2461-768x338.png 768w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_2\u2461-1536x676.png 1536w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_2\u2461.png 1667w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"476\" src=\"https:\/\/rank-king.net\/site\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_3\u2461-1024x476.png\" alt=\"\" class=\"wp-image-79\" srcset=\"https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_3\u2461-1024x476.png 1024w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_3\u2461-300x139.png 300w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_3\u2461-768x357.png 768w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_3\u2461-1536x714.png 1536w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_3\u2461.png 1665w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\u300c\u30d1\u30c7\u30a3\u30f3\u30b0\uff08\u4e0b\uff09\u300d\u2192\u300c\u4efb\u610f\u306e\u8a2d\u5b9a\u300d\u2192<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"505\" src=\"https:\/\/rank-king.net\/site\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_4\u2461-1-1024x505.png\" alt=\"\" class=\"wp-image-81\" srcset=\"https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_4\u2461-1-1024x505.png 1024w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_4\u2461-1-300x148.png 300w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_4\u2461-1-768x378.png 768w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_4\u2461-1-1536x757.png 1536w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_4\u2461-1.png 1668w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\u300c\u30d1\u30c7\u30a3\u30f3\u30b0\uff08\u5de6\u53f3\uff09\u300d\u2192\u300c\u4efb\u610f\u306e\u8a2d\u5b9a\u300d\u2192<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"456\" src=\"https:\/\/rank-king.net\/site\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_5\u2461-1024x456.png\" alt=\"\" class=\"wp-image-82\" srcset=\"https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_5\u2461-1024x456.png 1024w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_5\u2461-300x133.png 300w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_5\u2461-768x342.png 768w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_5\u2461-1536x683.png 1536w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_5\u2461.png 1668w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h5 id=\"5-\u2462\" class=\"wp-block-heading\">3. Customize the Link Button<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Configure the &#8220;View More&#8221; button displayed below the ranking.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Link Button Text<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Enter the text to display on the button.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Examples:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">View More<br>Shop All<br>See All Rankings<br>Link Button URL<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Enter the destination URL for the button.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Examples:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ranking page<br>Collection page<br>Promotional page<br>Link Button Color<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Choose the button color that matches your store&#8217;s branding.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"463\" src=\"https:\/\/rank-king.net\/site\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_6\u2462-1024x463.png\" alt=\"\" class=\"wp-image-83\" srcset=\"https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_6\u2462-1024x463.png 1024w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_6\u2462-300x136.png 300w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_6\u2462-768x348.png 768w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_6\u2462-1536x695.png 1536w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_6\u2462.png 1664w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\u300c\u30ea\u30f3\u30af\u30dc\u30bf\u30f3URL\u300d\u2192\u300c\u4efb\u610f\u306eURL\u300d\u2192<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"509\" src=\"https:\/\/rank-king.net\/site\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_7\u2462-1024x509.png\" alt=\"\" class=\"wp-image-84\" srcset=\"https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_7\u2462-1024x509.png 1024w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_7\u2462-300x149.png 300w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_7\u2462-768x382.png 768w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_7\u2462-1536x764.png 1536w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_7\u2462.png 1667w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\u300c\u30ea\u30f3\u30af\u30dc\u30bf\u30f3\u8272\u300d\u2192\u300c\u4efb\u610f\u306e\u30ab\u30e9\u30fc\u300d<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"621\" src=\"https:\/\/rank-king.net\/site\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_8\u2462-1024x621.png\" alt=\"\" class=\"wp-image-85\" srcset=\"https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_8\u2462-1024x621.png 1024w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_8\u2462-300x182.png 300w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_8\u2462-768x466.png 768w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_8\u2462-1536x932.png 1536w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_8\u2462.png 1666w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h5 id=\"5-\u2463\" class=\"wp-block-heading\">4. Configure Ranking Icons<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Customize the appearance of the ranking badges.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Ranking Icon Style<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Select the icon style you want to use.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Ranking Icon Position<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Choose where the ranking badge should appear on the product card.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"5-\u2463\">For example:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Top Left<br>Top Right<br>Bottom Left<br>Bottom Right<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"522\" src=\"https:\/\/rank-king.net\/site\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_9\u2463-1024x522.png\" alt=\"\" class=\"wp-image-86\" srcset=\"https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_9\u2463-1024x522.png 1024w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_9\u2463-300x153.png 300w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_9\u2463-768x392.png 768w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_9\u2463-1536x783.png 1536w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_9\u2463.png 1665w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\u300c\u9806\u4f4d\u306e\u4f4d\u7f6e\u300d\u2192\u300c\u4efb\u610f\u306e\u4f4d\u7f6e\u300d<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"469\" src=\"https:\/\/rank-king.net\/site\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_10\u2463-1024x469.png\" alt=\"\" class=\"wp-image-87\" srcset=\"https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_10\u2463-1024x469.png 1024w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_10\u2463-300x137.png 300w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_10\u2463-768x352.png 768w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_10\u2463-1536x704.png 1536w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_10\u2463.png 1667w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h5 id=\"5-\u2464\" class=\"wp-block-heading\">5. Adjust the Layout<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Customize how products are displayed in the ranking.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Configure the following settings:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Number of Products Displayed<br>Products Per Row (Desktop)<br>Products Per Row (Mobile)<br>Horizontal Spacing Between Products (Desktop)<br>Vertical Spacing Between Products (Desktop)<br>Horizontal Spacing Between Products (Mobile)<br>Vertical Spacing Between Products (Mobile)<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">These settings allow you to optimize the layout for both desktop and mobile devices.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"590\" src=\"https:\/\/rank-king.net\/site\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_11\u2464-1024x590.png\" alt=\"\" class=\"wp-image-88\" srcset=\"https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_11\u2464-1024x590.png 1024w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_11\u2464-300x173.png 300w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_11\u2464-768x443.png 768w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_11\u2464-1536x885.png 1536w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_11\u2464.png 1666w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\u300c\uff11\u884c\u3042\u305f\u308a\u306e\u5546\u54c1\u6570\uff08PC\uff09\u300d\u2192\u300c\u4efb\u610f\u306e\u6570\u5024\u300d\u2192<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"590\" src=\"https:\/\/rank-king.net\/site\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_12\u2464-1024x590.png\" alt=\"\" class=\"wp-image-89\" srcset=\"https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_12\u2464-1024x590.png 1024w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_12\u2464-300x173.png 300w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_12\u2464-768x442.png 768w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_12\u2464-1536x885.png 1536w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_12\u2464.png 1667w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\u300c\uff11\u884c\u3042\u305f\u308a\u306e\u5546\u54c1\u6570\uff08\u30e2\u30d0\u30a4\u30eb\uff09\u300d\u2192\u300c\u4efb\u610f\u306e\u6570\u5024\u300d\u2192<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"614\" src=\"https:\/\/rank-king.net\/site\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_13\u2464-1024x614.png\" alt=\"\" class=\"wp-image-90\" srcset=\"https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_13\u2464-1024x614.png 1024w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_13\u2464-300x180.png 300w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_13\u2464-768x461.png 768w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_13\u2464-1536x921.png 1536w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_13\u2464.png 1666w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\u300c\u5546\u54c1\u753b\u50cf\u9593\u306e\u30de\u30fc\u30b8\u30f3\uff08\u5de6\u53f3\uff09\uff08PC\uff09\u300d\u2192\u300c\u4efb\u610f\u306e\u6570\u5024\u300d\u2192<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"462\" src=\"https:\/\/rank-king.net\/site\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_14\u2464-1024x462.png\" alt=\"\" class=\"wp-image-91\" srcset=\"https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_14\u2464-1024x462.png 1024w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_14\u2464-300x135.png 300w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_14\u2464-768x347.png 768w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_14\u2464-1536x693.png 1536w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_14\u2464.png 1666w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\u300c\u5546\u54c1\u753b\u50cf\u9593\u306e\u30de\u30fc\u30b8\u30f3\uff08\u4e0a\u4e0b\uff09\uff08PC\uff09\u300d\u2192\u300c\u4efb\u610f\u306e\u6570\u5024\u300d\u2192<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"462\" src=\"https:\/\/rank-king.net\/site\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_15\u2464-1024x462.png\" alt=\"\" class=\"wp-image-92\" srcset=\"https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_15\u2464-1024x462.png 1024w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_15\u2464-300x135.png 300w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_15\u2464-768x347.png 768w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_15\u2464-1536x693.png 1536w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_15\u2464.png 1666w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\u300c\u5546\u54c1\u753b\u50cf\u9593\u306e\u30de\u30fc\u30b8\u30f3\uff08\u5de6\u53f3\uff09\uff08\u30e2\u30d0\u30a4\u30eb\uff09\u300d\u2192\u300c\u4efb\u610f\u306e\u6570\u5024\u300d\u2192<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"560\" src=\"https:\/\/rank-king.net\/site\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_16\u2464-1024x560.png\" alt=\"\" class=\"wp-image-93\" srcset=\"https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_16\u2464-1024x560.png 1024w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_16\u2464-300x164.png 300w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_16\u2464-768x420.png 768w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_16\u2464-1536x841.png 1536w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_16\u2464.png 1668w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\u300c\u5546\u54c1\u753b\u50cf\u9593\u306e\u30de\u30fc\u30b8\u30f3\uff08\u4e0a\u4e0b\uff09\uff08\u30e2\u30d0\u30a4\u30eb\uff09\u300d\u2192\u300c\u4efb\u610f\u306e\u6570\u5024\u300d\u2192<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"560\" src=\"https:\/\/rank-king.net\/site\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_17\u2464-1024x560.png\" alt=\"\" class=\"wp-image-94\" srcset=\"https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_17\u2464-1024x560.png 1024w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_17\u2464-300x164.png 300w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_17\u2464-768x420.png 768w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_17\u2464-1536x841.png 1536w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_17\u2464.png 1668w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h5 id=\"5-\u2465\" class=\"wp-block-heading\">6. Configure Product Images<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Customize how product images are displayed.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Image Aspect Ratio<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Choose the desired image ratio.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Examples:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Square<br>Portrait<br>Landscape<br>Adapt to Image<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Hover Effect<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Select the animation or behavior when customers hover over a product image.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"687\" src=\"https:\/\/rank-king.net\/site\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_18\u2465-1024x687.png\" alt=\"\" class=\"wp-image-95\" srcset=\"https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_18\u2465-1024x687.png 1024w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_18\u2465-300x201.png 300w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_18\u2465-768x515.png 768w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_18\u2465-1536x1030.png 1536w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_18\u2465.png 1667w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\u300c\u30de\u30a6\u30b9\u30aa\u30fc\u30d0\u30fc\u6642\u306e\u6319\u52d5\u300d\u2192\u300c\u4efb\u610f\u306e\u8a2d\u5b9a\u300d<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"687\" src=\"https:\/\/rank-king.net\/site\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_19\u2465-1024x687.png\" alt=\"\" class=\"wp-image-96\" srcset=\"https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_19\u2465-1024x687.png 1024w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_19\u2465-300x201.png 300w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_19\u2465-768x515.png 768w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_19\u2465-1536x1030.png 1536w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_19\u2465.png 1667w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h5 id=\"5-\u2466\" class=\"wp-block-heading\">7. Advanced Design Settings<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">For more detailed customization, open the embedded Rank King app settings.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Go to:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Embedded App \u2192 Rank King<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">From here, you can customize additional design options.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"329\" src=\"https:\/\/rank-king.net\/site\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_20\u2466-1024x329.png\" alt=\"\" class=\"wp-image-97\" srcset=\"https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_20\u2466-1024x329.png 1024w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_20\u2466-300x96.png 300w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_20\u2466-768x246.png 768w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_20\u2466-1536x493.png 1536w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2024\/03\/\u521d\u671f\u8a2d\u5b9a5_20\u2466.png 1667w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Ranking List<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Configure:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Ranking badge colors<\/li>\n\n\n\n<li>Ranking badge size<\/li>\n\n\n\n<li>Ranking badge width<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Product Card<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Customize:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Sold Out badge<\/li>\n\n\n\n<li>Product card background<\/li>\n\n\n\n<li>Product card width<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Product Information<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Adjust:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Font size<\/li>\n\n\n\n<li>Font color<\/li>\n\n\n\n<li>Typography<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Tab Filter<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Customize:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Tab titles<\/li>\n\n\n\n<li>Tab width<\/li>\n\n\n\n<li>Layout<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Dropdown Filter<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Customize:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Dropdown width<\/li>\n\n\n\n<li>Font settings<\/li>\n\n\n\n<li>Typography<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">You can combine these settings to create a ranking section that matches your store&#8217;s branding and provides the best shopping experience for your customers.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>This guide explains  [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"footnotes":""},"doc_category":[42],"doc_tag":[],"class_list":["post-264","docs","type-docs","status-publish","hentry","doc_category-initial-settings-en"],"_links":{"self":[{"href":"https:\/\/guide.rank-king.net\/index.php?rest_route=\/wp\/v2\/docs\/264","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/guide.rank-king.net\/index.php?rest_route=\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/guide.rank-king.net\/index.php?rest_route=\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/guide.rank-king.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/guide.rank-king.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=264"}],"version-history":[{"count":2,"href":"https:\/\/guide.rank-king.net\/index.php?rest_route=\/wp\/v2\/docs\/264\/revisions"}],"predecessor-version":[{"id":270,"href":"https:\/\/guide.rank-king.net\/index.php?rest_route=\/wp\/v2\/docs\/264\/revisions\/270"}],"wp:attachment":[{"href":"https:\/\/guide.rank-king.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=264"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/guide.rank-king.net\/index.php?rest_route=%2Fwp%2Fv2%2Fdoc_category&post=264"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/guide.rank-king.net\/index.php?rest_route=%2Fwp%2Fv2%2Fdoc_tag&post=264"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}