BEM name for the element that will be used in the markup, or leave it empty to use the default ('acf-card').", "acf-views"); __("Add a class name without a dot (e.g. 'class-name') or multiple classes with single space as a delimiter (e.g. 'class-name1 class-name2'). These classes are added to the wrapping HTML element. Learn more about CSS Classes", "acf-views"); __("Assigned ACF View is used to display every post from the query results", "acf-views"); __("This message will be displayed in case there are no posts found. Leave empty to not show a message", "acf-views"); __("Filter by post type. You can select multiple items", "acf-views"); __("Filter by post status. You can select multiple items", "acf-views"); __("Use '-1' to set 'unlimited'", "acf-views"); __("Here you can manually assign specific posts. If set then the query will be limited to posts ONLY from this pool. It means the result will consist ONLY from posts from this pool, which also fit all other filters. If you want to have the same order of results like here, please choose the 'Pool of posts' option in the Sort tab", "acf-views"); __("Here you can manually exclude specific posts from the query. It means the query will ignore posts from this list, even if they fit the filters. Warning : this field can't be used together with 'Pool of posts'", "acf-views"); __("If unchecked then sticky posts will be at the top of results. Learn more about Sticky Posts", "acf-views"); __("Select which field results should be sorted by. ‘Default’ keeps the default order (latest first, sticky options may affect it)", "acf-views"); __("Defines the sorting order of posts", "acf-views"); __("Select a target group", "acf-views"); __("Select a target field. Note : only fields with supported field types are listed here", "acf-views"); __("If enabled then instead of displaying all posts from query results, only the limited number of posts will be shown and user will be able to load more. Read more", "acf-views"); __("Defines a way in which user can load more. For 'Load More Button' and 'Page Numbers' cases a special markup will be added to the card automatically, you can style it (using the 'CSS Code' field in the 'Advanced' tab)", "acf-views"); __("Controls how many posts will be displayed initially and how many posts will be appended every time when user triggers 'Load More'. Total amount of post is limited by the 'Maximum amount of posts' field in the 'Filter' tab", "acf-views"); __("When enabled CSS layout styles are added to CSS Code in the Advanced tab. These styles are automatically updated each time.
Tip: If you’d like to edit the Layout CSS manually, simply disable this here. Disabling this does not remove the previously added CSS Code", "acf-views"); __("The rules control layout of card items.
Note: These rules are inherited from small to large. For example: If you’ve set up 'Mobile' and 'Desktop' screen rules, then 'Tablet' will have the same rules as 'Mobile' and 'Large Desktop' will have the same rules as 'Desktop'", "acf-views"); __("Output preview of the generated Twig template. Important! Publish or Update your view to see the latest markup.", "acf-views"); __("Define your CSS style rules. This will be added within <style></style> tags ONLY to pages that have this card.
Press Ctrl (Cmd) + Alt + L to format the code.
Don't style view fields here, ACF View has its own CSS field for this goal.
Magic shortcuts are available (and will use the BEM Unique Name if defined) :
'#card' will be replaced with '.bem-name' (or '.acf-card--id--X').
'#card__' will be replaced with '.bem-name .bem-name__' (or '.acf-card--id--X .acf-card__').
'#__' will be replaced with '.bem-name__'.
To match items wrapper you should use '#card__items' selector, to match single item you should use '#card .acf-view' selector", "acf-views"); __("Add your own Javascript to your view. This will be added within <script></script> tags ONLY to pages that have this view and also will be wrapped into an anonymous function to avoid name conflicts.
Press Ctrl (Cmd) + Alt + L to format the code.
Don't use inline comments ('//') inside the code, otherwise it'll break the snippet.", "acf-views"); __("Write your own template with full control over the HTML markup. You can copy the Template Preview field output and make your changes, such as adding an extra heading.
Powerful Twig features, including our functions, are available for you.
Press Ctrl (Cmd) + Alt + L to format the code.
Make sure you've retained all the default classes; otherwise, pagination won't work.", "acf-views"); __("For debug purposes. Here you can see the query that will be executed to get posts for this card. Important! Publish or Update your card to see the latest query", "acf-views"); __("Note: For backward compatibility purposes only. Enable this option if you have external CSS selectors that rely on outdated digital IDs", "acf-views"); __("See an output preview of your ACF Card, where you can test some CSS styles. Read more
Styles from your front page are included in the preview (some differences may appear).
Note: Press 'Update' if you have changed Custom Markup (in the Advanced tab) to see the latest preview.
Important! Don't style your ACF View here, instead use the CSS Code field in your ACF View for this goal.
After testing: Copy and paste the ACF Card styles to the CSS Code field.", "acf-views"); // CardData.php : buttons __("Add Rule", "acf-views"); // CardData.php : choices __("Default", "acf-views"); __("ID", "acf-views"); __("Menu order", "acf-views"); __("Meta value", "acf-views"); __("Meta value numeric", "acf-views"); __("Author", "acf-views"); __("Title", "acf-views"); __("Name", "acf-views"); __("Type", "acf-views"); __("Date", "acf-views"); __("Modified", "acf-views"); __("Parent", "acf-views"); __("Random", "acf-views"); __("Comment count", "acf-views"); __("Pool of posts", "acf-views"); __("Ascending", "acf-views"); __("Descending", "acf-views"); __("Load More Button", "acf-views"); __("Infinity Scroll", "acf-views"); __("Page Numbers", "acf-views"); // CardLayoutData.php : labels __("Screen Size", "acf-views"); __("Layout", "acf-views"); __("Amount of Columns", "acf-views"); __("Horizontal gap", "acf-views"); __("Vertical gap", "acf-views"); // CardLayoutData.php : descriptions __("Controls to which screen size the rule applies", "acf-views"); __("Change the type of layout", "acf-views"); __("Define how many columns each row should have. By default, columns have equal width", "acf-views"); __("Horizontal gap between items. Format: '10px'. Possible units are 'px', '%', 'em/rem'", "acf-views"); __("Vertical gap between items. Format: '10px'. Possible units are 'px', '%', 'em/rem'", "acf-views"); // CardLayoutData.php : choices __("Mobile", "acf-views"); __("Tablet (> 576px)", "acf-views"); __("Desktop (> 992px)", "acf-views"); __("Large Desktop (> 1400px)", "acf-views"); __("Row", "acf-views"); __("Column", "acf-views"); __("Grid", "acf-views"); // DemoGroup.php : labels __("Brand", "acf-views"); __("Model", "acf-views"); __("Price", "acf-views"); __("Website link", "acf-views"); // DemoGroup.php : choices __("Samsung", "acf-views"); __("Nokia", "acf-views"); __("HTC", "acf-views"); __("Xiaomi", "acf-views"); // FieldData.php : labels __("Field", "acf-views"); __("Label", "acf-views"); __("Link Label", "acf-views"); __("Image Size", "acf-views"); __("ACF View", "acf-views"); __("Gallery Layout", "acf-views"); __("Image Lightbox", "acf-views"); __("Field Options", "acf-views"); __("Identifier", "acf-views"); __("Default Value", "acf-views"); __("Show When Empty", "acf-views"); __("Masonry: Row Min Height", "acf-views"); __("Masonry: Gutter", "acf-views"); __("Masonry: Mobile Gutter", "acf-views"); __("Hide Google Map", "acf-views"); __("Map address format", "acf-views"); __("Show address from the map", "acf-views"); __("Values delimiter", "acf-views"); // FieldData.php : descriptions __("Select a target field. Note : only fields with supported field types are listed here", "acf-views"); __("If filled will be added to the markup as a prefix label of the field above", "acf-views"); __("You can set the link label here. Leave empty to use the default", "acf-views"); __("Controls the size of the image, it changes the image src", "acf-views"); __("If filled then Posts within this field will be displayed using the selected View. Read more", "acf-views"); __("Select the gallery layout type. If Masonry is chosen see 'Field Options' for more settings. Read more", "acf-views"); __("If enabled images will include a zoom icon on hover and when clicked popup with a large image", "acf-views"); __("Used in the markup. Allowed symbols : letters, numbers, underline and dash. Important! Should be unique within the group", "acf-views"); __("Set up default value, only used when the field is empty", "acf-views"); __("By default, empty fields are hidden. Turn on to show even when field has no value", "acf-views"); __("Minimum height of a row in px", "acf-views"); __("Margin between items in px", "acf-views"); __("Margin between items on mobile in px", "acf-views"); __("The Map is shown by default. Turn this on to hide the map", "acf-views"); __("Use these variables to format your map address:
$street_number$, $street_name$, $city$, $state$, $post_code$, $country$
HTML is also supported. If left empty the address is not shown.", "acf-views"); __("The address is hidden by default. Turn this on to show the address from the map", "acf-views"); __("If multiple values are chosen, you can define their delimiter here. HTML is supported", "acf-views"); // FieldData.php : choices __("Default", "acf-views"); __("Masonry", "acf-views"); // ItemData.php : labels __("Field", "acf-views"); __("Group", "acf-views"); __("Sub Fields", "acf-views"); __("Sub fields", "acf-views"); // ItemData.php : descriptions __("Select a target group. Use the '$' wrapped groups to select fields from non-ACF sources", "acf-views"); __("Setup sub fields here", "acf-views"); // ItemData.php : buttons __("Add Sub Field", "acf-views"); // MetaFieldData.php : labels __("Group", "acf-views"); __("Field", "acf-views"); __("Comparison", "acf-views"); __("Value", "acf-views"); // MetaFieldData.php : descriptions __("Select a target group", "acf-views"); __("Select a target field. Note : only fields with supported field types are listed here", "acf-views"); __("Controls how field value will be compared", "acf-views"); __("Value that will be compared.
Can be empty, in case you want to compare with empty string.
Use $post$ to pick up the actual ID or $post$.field-name to pick up field value dynamically.
Use $now$ to pick up the current datetime dynamically.
Use $query$.my-field to pick up the query value (from $_GET) dynamically", "acf-views"); // MetaFieldData.php : choices __("Equal to", "acf-views"); __("Not Equal to", "acf-views"); __("Bigger than", "acf-views"); __("Bigger than or Equal to", "acf-views"); __("Less than", "acf-views"); __("Less than or Equal to", "acf-views"); __("Contains", "acf-views"); __("Does Not Contain", "acf-views"); __("Exists", "acf-views"); __("Does Not Exist", "acf-views"); // MetaFilterData.php : labels __("Relation", "acf-views"); __("Rules", "acf-views"); // MetaFilterData.php : descriptions __("Controls how meta rules will be joined within the meta query", "acf-views"); __("Rules for the meta query. Multiple rules are supported. Read more
If you want to see the query that was created by your input, update the Card and reload the page. After have a look at the 'Query Preview' field in the 'Advanced' tab", "acf-views"); // MetaFilterData.php : buttons __("Add Rule", "acf-views"); // MetaFilterData.php : choices __("AND", "acf-views"); __("OR", "acf-views"); // MetaRuleData.php : labels __("Relation", "acf-views"); __("Fields", "acf-views"); // MetaRuleData.php : descriptions __("Controls how the meta fields will be joined within the meta rule", "acf-views"); __("Fields for the meta rule. Multiple fields are supported", "acf-views"); // MetaRuleData.php : buttons __("Add Field", "acf-views"); // MetaRuleData.php : choices __("AND", "acf-views"); __("OR", "acf-views"); // MountPointData.php : labels __("Specific posts", "acf-views"); __("Post Types", "acf-views"); __("Mount Point", "acf-views"); __("Mount Position", "acf-views"); __("Shortcode Arguments", "acf-views"); // MountPointData.php : descriptions __("Limit the mount point to only specific posts. Leave empty and use the 'Post Types' field to limit to specific post types", "acf-views"); __("Specific post types, to all items of which the shortcode should be mounted. Leave empty if you want to add to specific items only and use the 'Specific posts' field", "acf-views"); __("To which unique Word, String or HTML piece to Mount to. Together with the 'Mount Position' controls the placement. If left empty all the content will be used as a mount point", "acf-views"); __("Where the shortcode should be mounted", "acf-views"); __("Add arguments to the shortcode, e.g. 'user-with-roles'. Only the view/card 'id' argument is filled by default", "acf-views"); // MountPointData.php : choices __("Before", "acf-views"); __("After", "acf-views"); __("Instead (replace)", "acf-views"); // RepeaterFieldData.php : labels __("Field", "acf-views"); __("Sub Field", "acf-views"); __("Identifier", "acf-views"); // RepeaterFieldData.php : descriptions __("This list contains fields for the selected repeater or group. Note : only fields with supported field types are listed here. Learn more about Repeater Fields", "acf-views"); __("Used in the markup, leave empty to use chosen field name. Allowed symbols : letters, numbers, underline and dash. Important! Should be unique within the repeater", "acf-views"); // SettingsData.php : labels __("General", "acf-views"); __("Development mode", "acf-views"); __("Preferences", "acf-views"); __("Do not collapse fields in View by default", "acf-views"); __("Do not show collapse fields cursor", "acf-views"); // SettingsData.php : descriptions __("Enable to display quick access links on the front and make error messages more detailed (for admins only).", "acf-views"); // TaxFieldData.php : labels __("Taxonomy", "acf-views"); __("Comparison", "acf-views"); __("Term", "acf-views"); // TaxFieldData.php : descriptions __("Select a target taxonomy", "acf-views"); __("Controls how taxonomy will be compared", "acf-views"); __("Term that will be compared", "acf-views"); // TaxFieldData.php : choices __("Equal to", "acf-views"); __("Not Equal to", "acf-views"); __("Exists", "acf-views"); __("Does Not Exist", "acf-views"); // TaxFilterData.php : labels __("Relation", "acf-views"); __("Rules", "acf-views"); // TaxFilterData.php : descriptions __("Controls how taxonomy rules will be joined within the taxonomy query", "acf-views"); __("Rules for the taxonomy query. Multiple rules are supported. Read more
If you want to see the query that was created by your input, update the Card and reload the page. After have a look at the 'Query Preview' field in the 'Advanced' tab", "acf-views"); // TaxFilterData.php : buttons __("Add Rule", "acf-views"); // TaxFilterData.php : choices __("AND", "acf-views"); __("OR", "acf-views"); // TaxRuleData.php : labels __("Relation", "acf-views"); __("Taxonomies", "acf-views"); // TaxRuleData.php : descriptions __("Controls how the taxonomies will be joined within the taxonomy rule", "acf-views"); __("Taxonomies for the taxonomy rule. Multiple taxonomies are supported", "acf-views"); // TaxRuleData.php : buttons __("Add Taxonomy", "acf-views"); // TaxRuleData.php : choices __("AND", "acf-views"); __("OR", "acf-views"); // ToolsData.php : labels __("Export", "acf-views"); __("Export All Views", "acf-views"); __("Export All Cards", "acf-views"); __("Export Views", "acf-views"); __("Export Cards", "acf-views"); __("Import", "acf-views"); __("Select a file to import", "acf-views"); // ToolsData.php : descriptions __("Select Views to be exported", "acf-views"); __("Select Cards to be exported", "acf-views"); __("Note: Views and Cards with the same IDs are overridden.", "acf-views"); // ViewData.php : labels __("Fields", "acf-views"); __("Fields", "acf-views"); __("Basic", "acf-views"); __("Description", "acf-views"); __("BEM Unique Name", "acf-views"); __("CSS classes", "acf-views"); __("With Gutenberg Block", "acf-views"); __("Markup", "acf-views"); __("Template Preview", "acf-views"); __("Custom Template", "acf-views"); __("Custom Template Variables", "acf-views"); __("Add classification classes to the markup", "acf-views"); __("Render template when it's empty", "acf-views"); __("Do not skip unused wrappers", "acf-views"); __("Use the Post ID as the View ID in the markup", "acf-views"); __("Advanced", "acf-views"); __("CSS Code", "acf-views"); __("JS Code", "acf-views"); __("Preview", "acf-views"); __("Preview Object", "acf-views"); __("Preview", "acf-views"); // ViewData.php : descriptions __("Assign Advanced Custom Fields (ACF) to your View.
Click on the empty space to expand the row, click on the empty space near the tabs to collapse again.
Tip : hover mouse on the field number column and drag to reorder", "acf-views"); __("Add a short description for your views’ purpose. Note : This description is only seen on the admin ACF Views list", "acf-views"); __("Define a unique BEM name for the element that will be used in the markup, or leave it empty to use the default ('acf-view').", "acf-views"); __("Add a class name without a dot (e.g. “class-name”) or multiple classes with single space as a delimiter (e.g. “class-name1 class-name2”). These classes are added to the wrapping HTML element. Learn more about CSS Classes", "acf-views"); __("If checked, a separate gutenberg block for this view will be available. Read more", "acf-views"); __("Output preview of the generated Twig template. Important! Publish or Update your view to see the latest markup.", "acf-views"); __("Write your own template with full control over the HTML markup. You can copy the Template Preview field output and make your changes.
Powerful Twig features, including our functions, are available for you.
Press Ctrl (Cmd) + Alt + L to format the code.
Important! This field will not be updated automatically when you add or remove fields, so you have to update this field manually to reflect the new changes (you can refer to the Template Preview field for assistance). Read more", "acf-views"); __("You can add custom variables to the template using this PHP code snippet.
The snippet must return an associative array of values, where keys are variable names. Names should be PHP compatible, which means only letters and underscores are allowed.
You can access these variables in the template just like others: '{{ your_variable }}'.
Press Ctrl (Cmd) + Alt + L to format the code.
In the snippet, the following variables are predefined: '$_objectId' (current data post), '$_viewId' (current view id),'$_fields' (an associative field values array, where keys are field identifiers). Read more", "acf-views"); __("By default, the field name is added as a prefix to all inner classes. For example, the image within the 'avatar' field will have the '__avatar-image' class.
Enabling this setting adds the generic class as well, such as '__image'. This feature can be useful if you want to apply styles based on field types.", "acf-views"); __("By default, if all the selected fields are empty, the Twig template won't be rendered.
Enable this option if you have specific logic inside the template and you want to render it even when all the fields are empty.", "acf-views"); __("By default, empty wrappers in the markup are skipped to optimize the output. For example, the '__row' wrapper will be skipped if there is no field label.
Enable this feature if you need all the wrappers in the output.", "acf-views"); __("Note: For backward compatibility purposes only. Enable this option if you have external CSS selectors that rely on outdated digital IDs", "acf-views"); __("Define your CSS style rules here or within your theme. Rules defined here will be added within <style></style> tags ONLY to pages that have this view.
Press Ctrl (Cmd) + Alt + L to format the code.
Magic shortcuts are available (and will use the BEM Unique Name if defined) :
'#view' will be replaced with '.bem-name' (or '.acf-view--id--X').
'#view__' will be replaced with '.bem-name .bem-name__' (or '.acf-view--id--X .acf-view__'). It means you can use '#view__row' and it'll be replaced with '.bem-name .bem-name__row'.
'#__' will be replaced with '.bem-name__'", "acf-views"); __("Add your own Javascript to your view. This will be added within <script></script> tags ONLY to pages that have this view and also will be wrapped into an anonymous function to avoid name conflicts.
Press Ctrl (Cmd) + Alt + L to format the code.
Don't use inline comments ('//') inside the code, otherwise it'll break the snippet.", "acf-views"); __("Select a data object (which field values will be used) and update the View. After reload the page to see the markup in the preview", "acf-views"); __("Here you can see the preview of the view and play with CSS rules. Read more
Important! Update the View after changes and reload the page to see the latest markup here.
Your changes to the preview won't be applied to the view automatically, if you want to keep them copy amended CSS to the 'CSS Code' field and press the 'Update' button.
Note: styles from your front page are included in the preview (some differences may appear)", "acf-views"); // ViewData.php : buttons __("Add Field", "acf-views");