FAQ Post Type – Avada Website Builder https://avada.com For WordPress & WooCommerce Mon, 20 May 2024 06:09:58 +0000 en-US hourly 1 https://wordpress.org/?v=6.6.1 FAQ Element https://avada.com/documentation/faq-element/ Tue, 12 Jul 2022 22:54:00 +0000 https://theme-fusion.com/?post_type=documentation&p=521855

With the FAQ Element, you can quickly and easily create a list of FAQs for your visitors. FAQs can be used on any page or post. Read below for more details on this very useful element.

For privacy reasons YouTube needs your permission to be loaded.

How To Use The FAQ Element

The FAQ Element allows you to add a customized range of your FAQ Custom Post Type items anywhere into your content.

For this element to work, you must have previously created FAQ items in the FAQ Custom Post Type, found on your main WordPress menu. Once you have FAQs, (and these can also be sorted into categories) you can use the FAQ Element to quickly place them throughout your content. You can add a single category or multiple categories, or you can exclude categories. There are also various ways of sorting the FAQs, and they can be treated as Toggles or Accordions. There are also a number of other styling options about size, color, icons, and alignment.

Once you have completed styling your FAQ Element, remember to save your changes.

Read below for a detailed description of all element options.

Element Options

Note: The Default setting will use the global settings assigned for this element in the Avada > Options > Avada Builder Elements > FAQ section. Also, please note that the displayed options screens below show ALL the available options for the element. If you have Avada’s Option Network Dependencies turned on, you will only see options relevant to your selections, and so the options screen may look somewhat different.

General

HeadingDescription
Display FiltersDisplay the FAQ filters.
Number Of FAQ PostsSelect the maximum number of FAQ posts. Set to -1 to display all. Set to 0 to use number of posts from Settings > Reading.
Post StatusSelect the status(es) of the posts that should be included or leave blank for published only posts.
CategoriesSelect categories to include or leave blank for all.
Exclude CategoriesSelect categories to exclude.
Order ByDefines how FAQs should be ordered.
OrderDefines the sorting order of FAQs.
Display Featured ImagesDisplay the FAQ featured images.
Toggles or AccordionsToggles allow several items to be open at a time. Accordions only allow one item to be open at a time.
Inactive IconClick an icon to select, click again to deselect.
Active IconClick an icon to select, click again to deselect.
MarginEnter values including any valid CSS unit, ex: 4%.
Element VisibilityChoose to show or hide the element on small, medium or large screens. You can choose more than one at a time.
CSS ClassAdd a class to the wrapping HTML element.
CSS IDAdd an ID to the wrapping HTML element.

Design

HeadingDescription
Boxed ModeChoose to display FAQs items in boxed mode.
Boxed Mode Border WidthSet the border width for FAQ item. In pixels.
Boxed Mode Border ColorSet the border color for FAQ item.
Boxed Mode Background ColorSet the background color for FAQ item.
Divider LineChoose to display a divider line between each item.
Divider Line ColorSet the color for divider line.
Toggle PaddingSet the padding for toggle items. Enter values including px or em units, ex: 20px, 2.5em.
Title TagChoose HTML tag of the FAQ item title, either div or the heading tag, h1-h6.
Title TypographyControls the typography of the title text. Leave empty for the global font family.
Icon SizeSet the size of the icon. In pixels, ex: 13px.
Icon ColorSet the color of icon in toggle box.
Icon Boxed ModeChoose to display icon in boxed mode.
Icon Inactive Box ColorControls the color of the inactive toggle box.
Icon AlignmentControls the alignment of FAQ icon.
Content TypographyControls the typography of the content text. Leave empty for the global font family.
FAQ Toggle Hover Accent ColorControls the accent color on hover for icon box and title.
FAQ Toggle Active Accent ColorControls the accent color on active for icon box and title.
]]>
Displaying and Configuring FAQs On Your Site https://avada.com/documentation/displaying-configuring-faqs-site/ Thu, 22 Feb 2018 15:38:27 +0000 https://theme-fusion.com/documentation/displaying-configuring-faqs-site/

Avada includes a Frequently Asked Questions (FAQ) element that enables you to insert a FAQ posts anywhere within a page, multiple pages, anywhere on your site. A FAQ section is useful for when you’d like to display common questions or information about products or services you offer which your users frequently ask about. The FAQ post can be organized into categories and can be filtered by your users. To learn how to create individual FAQ posts and how to create a FAQ section on the page, continue reading below.

Creating An FAQ Post

Before adding a FAQ element to page, you should first create one or more individual FAQ posts. FAQ posts are the common questions that you’d like to provide answers to, for your users. Continue reading below for more information on how to create a FAQ post.

Step 1 – Navigate to the ‘FAQ’ tab on your WordPress Admin Sidebar and select ‘Add New’ to add a new FAQ post.

Step 2 – In the ‘Title’ field, enter the question you’d like to provide an answer for. For example, if you’re selling physical products, a good question could be How much does shipping cost, to the US?.

Step 3 – In the WordPress Content Editor, enter the answer to the question in the ‘Title’ field. You can use the Avada Builder to design, layout add elements to the content of the FAQ.

Step 4 – Assign a category to the FAQ post. This will allow your users to filter the FAQ posts according to their category. To assign a category to a FAQ post, locate the ‘FAQ Categories’ box on the right side of the page, and click the ‘+Add New Category’. Alternatively, if the category already exists, simply check the corresponding checkbox.

Step 5 – Once done, click ‘Publish’.

FAQs > Add new FAQ item

Creating An FAQ Section on Your Website

Once you’ve created your FAQ posts, you will use the FAQ element to display anywhere within a page, multiple pages of your website. This element has a number of options for you to configure and can be used with any column element. Continue reading below to learn how to deploy the FAQ element.

Step 1 – Create a new page or edit an existing one.

Step 2 – Add a new container, or add a column to an existing container. The FAQ element can be used with any column size, such as 1/1 or 1/2 etc.

Step 3 – For the column you’d like to add the FAQ element to, click the ‘+ Element’ to bring up the ‘Elements’ window. Locate the FAQ element and click it to open it’s options window.

Step 4 – Configure the options to your preference. You can for example choose which categories to include or exclude, display or hide featured images, element visibility, and more.

Step 5 – Once done, click ‘Save’.

FAQ Element Options

Customizing FAQ Post Using Avada Page Options

When creating or editing a FAQ item, scroll below the WordPress Content Editor to find the FAQ tab inside the Avada Page Options box. Inside that tab are all the individual FAQ settings, and page settings that can be set for each FAQ item. Continue reading below to know more about the options available for FAQ tab in Avada Page Options.

Show First Featured Image – Choose whether to show the 1st featured image on the FAQ post, or not.

Featured Image Dimensions – Allows you to set the dimensions of the featured image in pixels or percentage, ex: 100% or 100px. Or Use “auto” for automatic resizing if you added either width or height.

Video Embed Code – Allows you to attach a video through inserting YouTube or Vimeo embed code.

Show Previous/Next Pagination – Allows you to show or hide the post navigation.

Show Post Meta – Allows you to show or hide the post meta.

Show Social Share Box – Allows you to show or hide the social share box.

Show Author Info Box – Allows you to show or hide the author info box.

Show Related Posts – Allows you to show or hide related posts on this post.

Show Comments – Allows you to show or hide comments area.

Avada Page Options FAQ

Changing The FAQ Slug

You can also now change the FAQ slug to whatever you prefer. You will find the FAQ Slug option in the Avada Options, under the Extras > Miscellaneous tab.

FAQ Slug Option

Disabling The FAQ Custom Post Type

If you wish to disable the FAQ Post Type entirely, just head to Options > Advanced > Post Types, and here you can turn the FAQ post type off. This will disable the Post type and remove it from the menu.

]]>
FAQ Post Options https://avada.com/documentation/faq-post-options/ Tue, 18 Oct 2016 06:17:52 +0000 https://theme-fusion.com/documentation/faq-post-options/

In addition to all the standard Avada Page Options, Avada offers several exclusive options for you to use for each individual FAQ item. When creating or editing a FAQ item, scroll below the WordPress Content Editor to find the FAQ tab inside the Avada Page Options box. Inside that tab are all the individual FAQ settings, and page settings that can be set for each FAQ item. In addition, we’ve listed the rest of the tabs you will see when editing a FAQ item.

  • FAQ Tab – Displayed only on FAQ items. These options will affect the FAQ items they’re set on.
    Continue reading below to know more about these FAQ options.
  • Sliders Tab – These options allow you to set a slider on the page and customize it.
  • Page Tab – These options allow you to set page’s padding and the like.
  • Header Tab – These options allow you to show/hide the header, customize it, or upload a background image.
  • Footer Tab – These options allow you to show/hide the footer and it’s other footer elements.
  • Sidebars Tab – These options allow you to set sidebars on the page.
    Note: The Global Sidebars option located in ‘Avada > Options > Sidebars’ must be disabled for these options to take effect.
  • Background Tab – These options allow you to set the layout of the page.
  • Page Title Bar Tab – These options allow you to show/hide the page title bar on the page.

FAQ Tab

Show First Featured Image – Show the 1st featured image on single post pages.

Featured Image Dimensions – Allows you to set the dimensions of the featured image in pixels or percentage, ex: 100% or 100px. Or Use “auto” for automatic resizing if you added either width or height.

Video Embed Code – Allows you to attach a video through inserting Youtube or Vimeo embed code.

Show Previous/Next Pagination – Allows you to show or hide the post navigation.

Show Post Meta – Allows you to show or hide the post meta.

Show Social Share Box – Allows you to show or hide the social share box.

Show Author Info Box – Allows you to show or hide the author info box.

Show Related Posts – Allows you to show or hide related posts on this post.

Show Comments – Allows you to show or hide comments area.

Avada Page Options FAQ
]]>
Deprecated FAQ and Portfolio Page Templates https://avada.com/documentation/deprecated-faq-portfolio-page-templates/ Thu, 13 Oct 2016 03:46:27 +0000 https://theme-fusion.com/documentation/deprecated-faq-portfolio-page-templates/

In Avada version 5.0, we decided to remove all FAQ and Portfolio Page Templates from the theme. Do not worry however, as nothing changes, and all of the layout and configuration options previously available in page templates have been retained in the new FAQ and Portfolio Elements. This is a step in the right direction and makes Avada more flexible, intuitive and extensible. Please continue reading below for more information regarding this development and to learn how this affects you and your site.

Why Remove FAQ & Portfolio Templates?

In simple terms, being able to deploy an element anywhere within a page or post on your site using the FAQ/Portfolio Elements is a lot more flexible and allows you to design more dynamic and engaging content than fixed page templates. Elements are easier to deploy with your content, exciting your viewers attention by delivering richer more engaging content.

Deprecated Template

What Does This Mean For You?

If you use the theme without a child theme and haven’t done any customizations to the theme’s core files, then this update will not affect you at all. Your pages that use these page templates will be converted automatically and will remain identical on the front end of your site. If you do use a child theme and have altered and customized the theme’s core files, then please refer to the Child Theme Users section below.

  • Removal of all FAQ and Portfolio Page Templates – All FAQ and Portfolio Page Templates available under the ‘Templates’ option under the ‘Page Attributes’ box have been deprecated and replaced with an Element for improved design flexibility.
  • Page Template Conversion – If you have pages that make use of these Page Templates, don’t worry! When you update to Avada 5.0, they’ll be automatically converted to the corresponding elements and will look exactly the same as before the update.

    What Does This Mean For Child Theme Users?

    If you use a child theme and have customized or modified to the theme’s core files and/or deprecated template files, you may have to re-work your customizations. We’ve added several new PHP hooks to the Portfolio and FAQ Elements, that in fact make it a lot easier to customize your content. You can also choose to make customizations through full element class replacements.

    ]]>
    How To Order Categories For Portfolio & FAQ https://avada.com/documentation/how-to-order-categories-in-the-portfolio/ Mon, 16 Sep 2013 15:01:10 +0000 https://theme-fusion.com/documentation/how-to-order-categories-in-the-portfolio/

    If you need to reorder categories in your portfolio or FAQ, you can use the Category Order and Taxonomy Terms Order plugin.

    If you are having problems with child category ordering, you can also try this alternate plugin, Simple Taxonomy Ordering.

    ]]>