{"id":6742,"date":"2024-04-14T16:02:34","date_gmt":"2024-04-14T08:02:34","guid":{"rendered":"https:\/\/webflow.tenten.co\/?p=6742"},"modified":"2024-04-14T16:02:34","modified_gmt":"2024-04-14T08:02:34","slug":"alternative-field-overview","status":"publish","type":"post","link":"https:\/\/webflow.tenten.co\/en\/alternative-field-overview\/","title":{"rendered":"Alternative field overview"},"content":{"rendered":"\n<div class=\"docs_rich-text w-richtext\">\n<p>The alternative field is a <a href=\"https:\/\/help.webflow.com\/article\/cms-collections\">Collection<\/a> option that provides CMS users with a selection of predefined values to pick from. You can exhibit the value of an alternative field in your <a href=\"https:\/\/help.webflow.com\/article\/collection-list\">Collection Lists<\/a> and <a href=\"https:\/\/help.webflow.com\/article\/collection-pages\">Collection Pages<\/a> by associating it to text components. Additionally, you can utilize the alternative field to refine Collection Lists in order to display particular items. Similarly, you can establish conditional visibility on elements in Collection Lists and Pages to present particular elements that fulfill the condition(s) you stipulate using the alternative field.<\/p>\n<p><strong>Usual applications<\/strong><\/p>\n<ul>\n<li>Predetermined classifications for a Collection<\/li>\n<li>Nations<\/li>\n<li>Dialects<\/li>\n<li>Places<\/li>\n<li>Divisions<\/li>\n<li>Predefined dimensions (e.g., for garments or artwork)<\/li>\n<li>Fixed figures or number ranges<\/li>\n<\/ul>\n<figure class=\"w-richtext-figure-type-video w-richtext-align-center\" data-rt-type=\"video\" data-rt-align=\"center\" data-rt-max-width=\"80%\" data-rt-max-height=\"45%\" data-rt-dimensions=\"640:360\" data-page-url=\"https:\/\/vimeo.com\/229660015\">\n<div><iframe src=\"https:\/\/player.vimeo.com\/video\/229660015\" frameborder scrolling=\"no\"><\/iframe><\/div><figcaption>\u00a0<\/figcaption><\/figure>\n<h6>When fields only necessitate a true or false value, you can utilize the <a href=\"https:\/\/help.webflow.com\/article\/switch-field\">toggle field<\/a>.<\/h6>\n<p>In this tutorial, we discuss:<\/p>\n<ol>\n<li>Alternative field compared to referral field<\/li>\n<li>Building an alternative field<\/li>\n<li>Adjusting values<\/li>\n<li>Linking alternative field value to text<\/li>\n<li>Refining a Collection List using the alternative field<\/li>\n<li>Establishing conditional visibility using the alternative field<\/li>\n<\/ol>\n<h2>Alternative field compared to referral field<\/h2>\n<p>Similarly to alternatives, the <a href=\"https:\/\/help.webflow.com\/article\/reference-field\">referral field<\/a> enables you to select a value from a dropdown list. Nevertheless, referral values are Collection items from another Collection. There might be numerous compelling reasons to opt for referrals instead of alternatives:<\/p>\n<ul>\n<li><strong>Collaborators are unable to append new alternative values to an alternative field.<\/strong> They can merely select alternative values that are prearranged by the designer. If you desire collaborators to append more alternatives, such as new categories, you can utilize a referral field instead.<\/li>\n<li><strong>The values in an alternative field are solely linked to the current Collection.<\/strong> They can&#8217;t be used or referred in other Collections. If you require values that are reusable in varied Collections, utilize a referral or multi-referral field instead.<\/li>\n<li><strong>You can&#8217;t make several selections from an alternative field dropdown.<\/strong> For such instances, utilize a <a href=\"https:\/\/help.webflow.com\/article\/multi-reference-field\">multi-referral field<\/a> instead.<\/li>\n<li><strong>You are unable to associate more details (e.g., a hue) with an alternative.<\/strong> If you wish to associate more details with each alternative, you need to employ a referral field instead. The referral field enables you to access all the fields from that referred collection, thus offering greater flexibility.<\/li>\n<\/ul>\n<figure class=\"w-richtext-figure-type-video w-richtext-align-center\" data-rt-type=\"video\" data-rt-align=\"center\" data-rt-max-width=\"80%\" data-rt-max-height=\"45%\" data-rt-dimensions=\"640:360\" data-page-url=\"https:\/\/vimeo.com\/233092429\">\n<div><iframe src=\"https:\/\/player.vimeo.com\/video\/233092429\" frameborder scrolling=\"no\"><\/iframe><\/div><figcaption>\u00a0<\/figcaption><\/figure>\n<h2>Establishing an alternative field<\/h2>\n<p>An alternative field can be included in a current or new Collection. Within Collection settings, hit on <strong>New Field<\/strong> and afterwards choose the <strong>Alternative<\/strong> field.<\/p>\n<figure class=\"w-richtext-figure-type-image w-richtext-align-center\" data-rt-type=\"image\" data-rt-align=\"center\" data-rt-max-width=\"80%\">\n<div><img decoding=\"async\" src=\"https:\/\/webflow.tenten.co\/wp-content\/uploads\/2024\/04\/64b949a1dfa61522c534b1e3_5e6131ad8d7690a252d3304d_59926602816b4d00015ceb4f_doc-252520cms-field252520-252520option252520-25252000.png\" title=\"64b949a1dfa61522c534b1e3_5e6131ad8d7690a252d3304d_59926602816b4d00015ceb4f_doc-252520cms-field252520-252520option252520-25252000\"><\/div>\n<\/figure>\n<h3>Including, renaming, eradicating alternatives<\/h3>\n<p>To insert alternatives:<\/p>\n<ol>\n<li>Press <strong>Add Alternative<\/strong><\/li>\n<li>Type in your alternative(s)<\/li>\n<li>Hit Enter to preserve<\/li>\n<\/ol>\n<figure class=\"w-richtext-figure-type-image w-richtext-align-center\" data-rt-type=\"image\" data-rt-align=\"center\" data-rt-max-width=\"80%\">\n<div><img decoding=\"async\" src=\"https:\/\/webflow.tenten.co\/wp-content\/uploads\/2024\/04\/64b949a1dfa61522c534b1e0_5e6131addf9df82571ee310d_59926610a513ef0001792d28_doc-252520cms-field252520-252520option252520-25252002.png\" title=\"64b949a1dfa61522c534b1e0_5e6131addf9df82571ee310d_59926610a513ef0001792d28_doc-252520cms-field252520-252520option252520-25252002\"><\/div>\n<\/figure>\n<p>You must add at least one alternative to be capable of saving the Collection, and you can append up to 100 alternatives.<\/p>\n<p>To adjust an alternative, just click on the alternative and amend the text.<\/p>\n<p>To erase an alternative, press on the trash can symbol that emerges when you hover over an alternative.<\/p>\n<h6>Alternatives will emerge in a dropdown in the sequence that you append them. You are unable to reshuffle alternatives.<\/h6>\n<h2>Adjusting values<\/h2>\n<p>You and your collaborators can exclusively choose one of the alternatives that you specified when creating the field. To eliminate a picked alternative, hit the initial item in the dropdown: \u201cSelect an alternative&#8230;\u201d<\/p>\n<figure class=\"w-richtext-figure-type-image w-richtext-align-center\" data-rt-type=\"image\" data-rt-align=\"center\" data-rt-max-width=\"80%\">\n<div><img decoding=\"async\" src=\"https:\/\/webflow.tenten.co\/wp-content\/uploads\/2024\/04\/64b949a1dfa61522c534b1d6_5e6131add215130ce4bb1c77_5992661f7851aa0001d84b8e_doc-252520cms-field252520-252520option252520-25252003.png\" title=\"64b949a1dfa61522c534b1d6_5e6131add215130ce4bb1c77_5992661f7851aa0001d84b8e_doc-252520cms-field252520-252520option252520-25252003\"><\/div>\n<\/figure>\n<h2>Linking alternative field value to text<\/h2>\n<p>On <a href=\"https:\/\/help.webflow.com\/article\/collection-pages\">Collection Pages<\/a> or within <a href=\"https:\/\/help.webflow.com\/article\/collection-list\">Collection Lists<\/a>, you can join a text component to the alternative field to retrieve the alternative text from the Collection.<\/p>\n<ol>\n<li>Incorporate a text component to your Collection List or Page<\/li>\n<li>Tick the <strong>Obtain text from<\/strong> checkbox in the <strong>Inner Text Settings<\/strong> that pops up<\/li>\n<li>Select the alternative field from the field dropdown<\/li>\n<\/ol>\n<figure class=\"w-richtext-figure-type-video w-richtext-align-center\" data-rt-type=\"video\" data-rt-align=\"center\" data-rt-max-width=\"80%\" data-rt-max-height=\"45%\" data-rt-dimensions=\"640:360\" data-page-url=\"https:\/\/vimeo.com\/229660032\">\n<div><iframe src=\"https:\/\/player.vimeo.com\/video\/229660032\" frameborder scrolling=\"no\"><\/iframe><\/div><figcaption>\u00a0<\/figcaption><\/figure>\n<p>You can also access the inner text settings by selecting the text element and either clicking the settings icon next to the element label on the canvas or by going to the Settings panel (D).<\/p>\n<figure class=\"w-richtext-figure-type-image w-richtext-align-center\" data-rt-type=\"image\" data-rt-align=\"center\" data-rt-max-width=\"240px\">\n<div><img decoding=\"async\" src=\"https:\/\/webflow.tenten.co\/wp-content\/uploads\/2024\/04\/64b949a1dfa61522c534b1fb_5e6131ad5d6b0ed221887ca9_59926638816b4d00015ceb54_doc-252520cms-field252520-252520option252520-25252005.png\" title=\"64b949a1dfa61522c534b1fb_5e6131ad5d6b0ed221887ca9_59926638816b4d00015ceb54_doc-252520cms-field252520-252520option252520-25252005\"><\/div>\n<\/figure>\n<p>You can detach the link by unchecking the <strong>Obtain text from<\/strong>\u00a0checkbox in the <strong>Inner Text Settings.<\/strong><\/p>\n<h2>Refining a Collection List using the alternative field<\/h2>\n<p>If you wish to construct a Collection List that exclusively presents itemsthat are specified:<\/p>\n<ol>\n<li>Choose the Collection list you wish to filter<\/li>\n<li>Head to the <strong>Configuration panel (D)<\/strong><\/li>\n<li>Include a <strong>Sorter<\/strong> under <strong>Category List Settings<\/strong><\/li>\n<li>Pick your alternative field in the initial dropdown menu<\/li>\n<li>Opt for <strong>Identical <\/strong>in the second dropdown<\/li>\n<li>Select the alternative value in the third dropdown menu<\/li>\n<li>Press <strong>Save<\/strong><\/li>\n<\/ol>\n<figure class=\"w-richtext-figure-type-video w-richtext-align-center\" data-rt-type=\"video\" data-rt-align=\"center\" data-rt-max-width=\"80%\" data-rt-max-height=\"45%\" data-rt-dimensions=\"640:360\" data-page-url=\"https:\/\/vimeo.com\/233092430\">\n<div><iframe src=\"https:\/\/player.vimeo.com\/video\/233092430\" frameborder scrolling=\"no\"><\/iframe><\/div><figcaption>\u00a0<\/figcaption><\/figure>\n<p>The sorter guidelines you can apply with the alternative field and values are:<\/p>\n<ul>\n<li><strong>Identical<\/strong> &#8211; searches for Category items with an alternative value equal to the value you specify for this rule<\/li>\n<li><strong>Differs From<\/strong> &#8211; searches for Category items with an alternative value that is not equal to the value you specify for this rule<\/li>\n<li><strong>Is Available<\/strong> &#8211; searches for Category items that have any alternative value set for this alternative field<\/li>\n<li><strong>Is Not Available<\/strong> &#8211; searches for Category items that do not have any alternative value set for this alternative field<\/li>\n<\/ul>\n<p><a href=\"https:\/\/help.webflow.com\/article\/filtering-collection-lists\">Find out more about categorization<\/a><\/p>\n<h2>Configuration of personalized visibility using the alternative field<\/h2>\n<p>If you establish tags for every alternative value for an alternative field, you can incorporate conditions to each tag to display them solely for items with that alternative value:<\/p>\n<ol>\n<li>Select the tag<\/li>\n<li>Head to the <strong>Configuration panel (D)<\/strong><\/li>\n<li>Include a <strong>Restriction<\/strong> (when this element is visible) under <strong>Provisional visibility<\/strong><\/li>\n<li>Pick your alternative field in the initial dropdown menu<\/li>\n<li>Opt for <strong>Identical <\/strong>in the second dropdown<\/li>\n<li>Select the alternative value in the third dropdown menu<\/li>\n<li>Press <strong>Save<\/strong><\/li>\n<\/ol>\n<figure class=\"w-richtext-figure-type-image w-richtext-align-center\" data-rt-type=\"image\" data-rt-align=\"center\" data-rt-max-width=\"240px\">\n<div><img decoding=\"async\" src=\"https:\/\/webflow.tenten.co\/wp-content\/uploads\/2024\/04\/64b949a1dfa61522c534b1d9_5e6131ad016860a55696d3fa_5992664c816b4d00015ceb56_doc-252520cms-field252520-252520option252520-25252007.png\" title=\"64b949a1dfa61522c534b1d9_5e6131ad016860a55696d3fa_5992664c816b4d00015ceb56_doc-252520cms-field252520-252520option252520-25252007\"><\/div>\n<\/figure>\n<\/div>\n","protected":false},"excerpt":{"rendered":"Use the option field in Collections to give collaborators a list of predefined values to choose from.","protected":false},"author":2,"featured_media":6743,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"csco_display_header_overlay":false,"csco_singular_sidebar":"","csco_page_header_type":"","footnotes":""},"categories":[300],"tags":[],"class_list":{"0":"post-6742","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-cms-dynamic-content","8":"cs-entry"},"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/posts\/6742","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/comments?post=6742"}],"version-history":[{"count":0,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/posts\/6742\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/media\/6743"}],"wp:attachment":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/media?parent=6742"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/categories?post=6742"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/tags?post=6742"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}