{"id":61,"date":"2021-06-24T18:06:43","date_gmt":"2021-06-24T18:06:43","guid":{"rendered":"https:\/\/comparisonplugin.com\/?page_id=61"},"modified":"2025-02-11T09:47:20","modified_gmt":"2025-02-11T09:47:20","slug":"settings","status":"publish","type":"page","link":"https:\/\/comparisonplugin.com\/settings\/","title":{"rendered":"Settings"},"content":{"rendered":"\n<p>Most of the settings are simple to change but there are a few things to be aware of.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Slider Settings<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"284\" src=\"https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-sliders-1-1024x284.jpg\" alt=\"\" class=\"wp-image-365\" srcset=\"https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-sliders-1-1024x284.jpg 1024w, https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-sliders-1-300x83.jpg 300w, https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-sliders-1-768x213.jpg 768w, https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-sliders-1-1536x426.jpg 1536w, https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-sliders-1-2048x569.jpg 2048w, https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-sliders-1-120x33.jpg 120w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>This is where you set the slider values and labels. The output is set using shortcodes so you can change currencies and format. Note the option to change how the sliders are displayed: inline or stacked.<\/p>\n\n\n\n<p>Be aware that the range min and max values need to match the min and max values set in the data. If you have a slider min of 100 but the lowest data value is 1000 you will get a lot of &#8216;no matches&#8217;.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Calculations<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"138\" src=\"https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-calculations-1024x138.jpg\" alt=\"\" class=\"wp-image-366\" srcset=\"https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-calculations-1024x138.jpg 1024w, https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-calculations-300x41.jpg 300w, https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-calculations-768x104.jpg 768w, https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-calculations-1536x207.jpg 1536w, https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-calculations-2048x277.jpg 2048w, https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-calculations-120x16.jpg 120w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Options to decide how the payments and totals are calculated. The options change depending on the selected comparison type.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Number Formatting<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2356\" height=\"232\" src=\"https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-formatting-1.jpg\" alt=\"\" class=\"wp-image-376\" srcset=\"https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-formatting-1.jpg 2356w, https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-formatting-1-300x30.jpg 300w, https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-formatting-1-1024x101.jpg 1024w, https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-formatting-1-768x76.jpg 768w, https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-formatting-1-1536x151.jpg 1536w, https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-formatting-1-2048x202.jpg 2048w, https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-formatting-1-120x12.jpg 120w\" sizes=\"auto, (max-width: 2356px) 100vw, 2356px\" \/><\/figure>\n\n\n\n<p>This section lets you change how the numbers are formatted.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Features<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2354\" height=\"280\" src=\"https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-features-1.jpg\" alt=\"\" class=\"wp-image-375\" srcset=\"https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-features-1.jpg 2354w, https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-features-1-300x36.jpg 300w, https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-features-1-1024x122.jpg 1024w, https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-features-1-768x91.jpg 768w, https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-features-1-1536x183.jpg 1536w, https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-features-1-2048x244.jpg 2048w, https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-features-1-120x14.jpg 120w\" sizes=\"auto, (max-width: 2354px) 100vw, 2354px\" \/><\/figure>\n\n\n\n<p>The features display as a row with checkmarks below the outputs. <a href=\"https:\/\/comparisonplugin.com\/features\/\">See an example<\/a>. The features for each bank are set up in the product editor and can be used to filter the results (see below).<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Filters<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2355\" height=\"387\" src=\"https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-filters-1.jpg\" alt=\"\" class=\"wp-image-374\" srcset=\"https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-filters-1.jpg 2355w, https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-filters-1-300x49.jpg 300w, https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-filters-1-1024x168.jpg 1024w, https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-filters-1-768x126.jpg 768w, https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-filters-1-1536x252.jpg 1536w, https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-filters-1-2048x337.jpg 2048w, https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-filters-1-120x20.jpg 120w\" sizes=\"auto, (max-width: 2355px) 100vw, 2355px\" \/><\/figure>\n\n\n\n<p>If enabled the filter buttons display below the sliders using the labels from the <strong>Features<\/strong> option. It&#8217;s set up so you can have multiple filters. Which means if someone selects all the filters there might be no matches.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Sorting<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2354\" height=\"842\" src=\"https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-sorting-1.jpg\" alt=\"\" class=\"wp-image-373\" srcset=\"https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-sorting-1.jpg 2354w, https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-sorting-1-300x107.jpg 300w, https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-sorting-1-1024x366.jpg 1024w, https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-sorting-1-768x275.jpg 768w, https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-sorting-1-1536x549.jpg 1536w, https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-sorting-1-2048x733.jpg 2048w, https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-sorting-1-120x43.jpg 120w\" sizes=\"auto, (max-width: 2354px) 100vw, 2354px\" \/><\/figure>\n\n\n\n<p>The sorting buttons display below the sliders. When you click on one of the buttons the table updates.<br>You can change the labels and drag and drop to reorder. The top option will be the default. Delete the label if you don&#8217;t want a sorting option. This is important as you may not have fees as an output so there is no point in having this as a sorting option.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Number of Matches<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2355\" height=\"280\" src=\"https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-matches-1.jpg\" alt=\"\" class=\"wp-image-372\" srcset=\"https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-matches-1.jpg 2355w, https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-matches-1-300x36.jpg 300w, https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-matches-1-1024x122.jpg 1024w, https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-matches-1-768x91.jpg 768w, https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-matches-1-1536x183.jpg 1536w, https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-matches-1-2048x243.jpg 2048w, https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-matches-1-120x14.jpg 120w\" sizes=\"auto, (max-width: 2355px) 100vw, 2355px\" \/><\/figure>\n\n\n\n<p>If activated this shows the number of matches based on slider values and filters (if used). The message displays above the output table.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Outputs<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2355\" height=\"504\" src=\"https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-outputs-1.jpg\" alt=\"\" class=\"wp-image-371\" srcset=\"https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-outputs-1.jpg 2355w, https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-outputs-1-300x64.jpg 300w, https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-outputs-1-1024x219.jpg 1024w, https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-outputs-1-768x164.jpg 768w, https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-outputs-1-1536x329.jpg 1536w, https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-outputs-1-2048x438.jpg 2048w, https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-outputs-1-120x26.jpg 120w\" sizes=\"auto, (max-width: 2355px) 100vw, 2355px\" \/><\/figure>\n\n\n\n<p>These are the labels and content of each output column. They use the listed shortcodes to get the data from the data. You can then add symbols and currencies where required. Leave the label blank if you don&#8217;t want to use a column.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Ribbons, buttons and examples<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"412\" src=\"https:\/\/comparisonplugin.com\/wp-content\/uploads\/catchall-1024x412.png\" alt=\"\" class=\"wp-image-621\" srcset=\"https:\/\/comparisonplugin.com\/wp-content\/uploads\/catchall-1024x412.png 1024w, https:\/\/comparisonplugin.com\/wp-content\/uploads\/catchall-300x121.png 300w, https:\/\/comparisonplugin.com\/wp-content\/uploads\/catchall-768x309.png 768w, https:\/\/comparisonplugin.com\/wp-content\/uploads\/catchall-1536x618.png 1536w, https:\/\/comparisonplugin.com\/wp-content\/uploads\/catchall-2048x825.png 2048w, https:\/\/comparisonplugin.com\/wp-content\/uploads\/catchall-120x48.png 120w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>A bit of a catch all section here.<\/p>\n\n\n\n<p>The promotional ribbons show at the top of the product box. The apply button displays to the right of the output columns. The example and more info buttons display at the bottom row of each product box. <a href=\"https:\/\/comparisonplugin.com\/all-the-things\/\">See all of these in action<\/a>.<\/p>\n\n\n\n<p>The example content is pulled from the product data.<\/p>\n\n\n\n<p>The more info is pulled from the product data or a page\/post on your site. <a href=\"https:\/\/comparisonplugin.com\/creating-a-more-info-block\/\">Full instructions here<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Help<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"197\" src=\"https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-help-1-1024x197.jpg\" alt=\"\" class=\"wp-image-369\" srcset=\"https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-help-1-1024x197.jpg 1024w, https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-help-1-300x58.jpg 300w, https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-help-1-768x147.jpg 768w, https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-help-1-1536x295.jpg 1536w, https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-help-1-2048x393.jpg 2048w, https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-help-1-120x23.jpg 120w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>A fairly rudimentary help system. You click on the button and modal displays with all the help you want to show. The contents of the modal are pulled from a page or post on your site. So you need to enter the post ID in the box.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Number of Results<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2355\" height=\"265\" src=\"https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-number.jpg\" alt=\"\" class=\"wp-image-368\" srcset=\"https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-number.jpg 2355w, https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-number-300x34.jpg 300w, https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-number-1024x115.jpg 1024w, https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-number-768x86.jpg 768w, https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-number-1536x173.jpg 1536w, https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-number-2048x230.jpg 2048w, https:\/\/comparisonplugin.com\/wp-content\/uploads\/settings-number-120x14.jpg 120w\" sizes=\"auto, (max-width: 2355px) 100vw, 2355px\" \/><\/figure>\n\n\n\n<p>Set the default number of results to display. The additional banks are shown when a button at the bottom of the results table is clicked. The label indicates how many more matches there are.<\/p>\n\n\n\n<p><a href=\"https:\/\/comparisonplugin.com\/styling\/\" data-type=\"page\" data-id=\"531\">Last thing to set up is the styling<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Most of the settings are simple to change but there are a few things to be aware of. Slider Settings This is where you set the slider values and labels. The output is set using shortcodes so you can change currencies and format. Note the option to change how the sliders are displayed: inline or<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_tm_seo_title":"","_tm_seo_description":"","footnotes":""},"class_list":["post-61","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/comparisonplugin.com\/wp-json\/wp\/v2\/pages\/61","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/comparisonplugin.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/comparisonplugin.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/comparisonplugin.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/comparisonplugin.com\/wp-json\/wp\/v2\/comments?post=61"}],"version-history":[{"count":33,"href":"https:\/\/comparisonplugin.com\/wp-json\/wp\/v2\/pages\/61\/revisions"}],"predecessor-version":[{"id":624,"href":"https:\/\/comparisonplugin.com\/wp-json\/wp\/v2\/pages\/61\/revisions\/624"}],"wp:attachment":[{"href":"https:\/\/comparisonplugin.com\/wp-json\/wp\/v2\/media?parent=61"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}