Themeco Docs

https://theme.co/docs
Admin
This project provides step-by-step tutorials and detailed documentation for all Themeco products and...
Tokens:3,836
Snippets:68
Trust Score:9.3
Update:4 months ago
Show doc for...
Tokens:
Raw
### Add Link to Feature Box Icon

Source: https://theme.co/docs/add-links-to-feature-boxes

Use this JavaScript snippet to wrap the icon in a link pointing to the URL found in the text content of the feature box. Add this to Theme Options > JS.

```javascript
jQuery ( function( $ ) { 
  $('.linked-feature-box .x-feature-box-text a').each( function() { 
    $( this ).parent().parent().parent().find('.x-feature-box-graphic-inner *').wrap( '<a href="' + $( this ).attr('href') + '"></a>' ); 
    $( this ).remove(); 
  } ); 
} );
```

--------------------------------

### Declaring a Custom Action

Source: https://theme.co/docs/actions-filters-and-hooks

Use add_action() to hook a custom function into a specific action. The third parameter is optional and sets the execution priority.

```php
function my_new_action() {  // Things the new action does. }  add_action( 'action_name', 'my_new_action', 10 );
```

--------------------------------

### Looper Item Consumer for Gallery Images

Source: https://theme.co/docs/acf-pro-and-loopers

Access individual image assets from a consumed ACF Pro gallery field within a Looper context using the {{dc:looper:item}} shortcode.

```string
{{dc:looper:item}}
```

--------------------------------

### Enable FAQ Schema Rich Text

Source: https://theme.co/docs/accordion

Enable valid FAQ schema tags for the Accordion Element by adding this filter to your child theme's functions.php file.

```php
add_filter('cs_faq_answer_rich_text', '__return_true');
```

--------------------------------

### ACF Post Field Looper Provider

Source: https://theme.co/docs/acf-pro-and-loopers

Use this string to set up a Dynamic Content Looper Provider for ACF Pro's Post Field, enabling iteration over multi-dimensional fields like 'instructors'.

```string
{{dc:acf:post_field field="instructors"}}
```

--------------------------------

### Adding Content to wp_head Action

Source: https://theme.co/docs/actions-filters-and-hooks

Hook a function into the 'wp_head' action to output content in the HTML head section. This is useful for scripts or meta tags.

```php
<?php  function third_party_tracking_code() { ?>   <script>  // Third party tracking code.  </script> <?php }  add_action( 'wp_head', 'third_party_tracking_code' );
```

--------------------------------

### ACF Gallery Field Looper Provider

Source: https://theme.co/docs/acf-pro-and-loopers

Configure a Dynamic Content Looper Provider for an ACF Pro Gallery field to iterate over the collection of images.

```string
{{dc:acf:post_field field="gallery"}}
```

--------------------------------

### Accessing Specific Image Size from ACF Gallery Field Array

Source: https://theme.co/docs/acf-pro-and-loopers

When an ACF gallery field returns an Image Array, use `{{dc:looper:field key="sizes.thumbnail"}}` with dot notation to access specific image sizes like 'thumbnail'.

```Liquid
{{dc:looper:field key="sizes.thumbnail"}}
```

--------------------------------

### Accessing ACF Repeater Field

Source: https://theme.co/docs/acf-pro-and-loopers

Use this dynamic content provider to fetch the entire Repeater field data from a post.

```dynamic-content
{{dc:acf:post_field field="classes"}}
```

--------------------------------

### Access Nested Repeater Data

Source: https://theme.co/docs/acf-pro-and-loopers

Use this Dynamic Content string to reference data within a nested Repeater. This is applicable when already inside a parent Looper.

```dynamic-content
{{dc:looper:field key="times"}}
```

--------------------------------

### Accessing Looper Field Key

Source: https://theme.co/docs/acf-pro-and-loopers

Within a Looper, use this dynamic content string to reference a specific sub-field (key) of the current Repeater item.

```dynamic-content
{{dc:looper:field key="day"}}
```

--------------------------------

### Access Nested Repeater Link Field

Source: https://theme.co/docs/acf-pro-and-loopers

Reference a field like 'registration_link' within a nested Repeater using the Looper Field syntax with a specified key.

```dynamic-content
{{dc:looper:field key="registration_link"}}
```

--------------------------------

### Declaring a Custom Filter

Source: https://theme.co/docs/actions-filters-and-hooks

Use add_filter() to modify data passed through a filter. The function must return the modified data. The last parameter specifies the number of arguments the function accepts.

```php
function my_new_filter( $args ) {  $args = 'My new value.';  return $args; } add_filter('filter_name', 'my_new_filter', 10, 1);
```

--------------------------------

### Access Nested Repeater Field

Source: https://theme.co/docs/acf-pro-and-loopers

Access a specific field, like 'time', within a nested Repeater using the Looper Field syntax with a key.

```dynamic-content
{{dc:looper:field key="time"}}
```

--------------------------------

### ACF User Field Consumer

Source: https://theme.co/docs/acf-pro-and-loopers

Access nested ACF Pro user field data, such as a custom 'image' key, by manually specifying the key in the User Field Dynamic Content string.

```string
{{dc:user:field key="image"}}
```

--------------------------------

### Fixed Navigation CSS for Mobile

Source: https://theme.co/docs/add-fixed-navigation-on-mobile

Add this CSS to your theme options (X/Pro > Theme Options > CSS) to make the navigation bar fixed on mobile devices. This targets viewports up to 979px wide.

```css
@media (max-width: 979px) {
      .x-navbar-fixed-top{
        position: fixed;
     }
      body.x-navbar-fixed-top-active .x-navbar-wrap {
         height: 90px;
     }
  }
```

--------------------------------

### Accessing a Singular ACF Post Field

Source: https://theme.co/docs/acf-pro-and-loopers

Use this Dynamic Content string to retrieve the value of a singular ACF field assigned to a post. Ensure the field name matches the 'Field Name' configured in ACF Pro.

```html
{{dc:acf:post_field field="workout"}}
```

--------------------------------

### Access Multi-dimensional User Field

Source: https://theme.co/docs/acf-pro-and-loopers

Retrieve custom user field data, such as an image, using the ACF User Field dynamic content string. This is useful for multi-dimensional fields.

```dynamic-content
{{dc:acf:user_field field="image"}}
```

--------------------------------

### Customizing Homepage Title with wp_title Filter

Source: https://theme.co/docs/actions-filters-and-hooks

Modify the 'wp_title' filter to change the page title, using conditional checks like is_front_page() to apply changes only on specific pages.

```php
function custom_homepage_title( $title ) {   if ( is_front_page() ) {  $title = 'My Super Awesome Homepage Title!';  }   return $title;  }  add_filter( 'wp_title', 'custom_homepage_title' );
```
Tokens:
Raw