Author 诗语

Quick View for WooCommerce Products

This is a premium feature available with Astra Pro Addon plugin. To use these Pro features, you need to have the Astra theme along with the Astra Pro Addon installed on your website.

You can manage the Quick view which shows product details in a lightbox using the WooCommerce module available with Astra Pro under Shop page settings. Please refer document, to begin with, WooCommerce module.

After activating the addon, the setting can be found under Appearance > Customize > WooCommerce > Product Catalog.

Below are the available settings –

On ImageOn Image ClickAfter Summary

On Image

A strip appears across the image on hover when you choose this option.Once you click on the Quick View option a lightbox opens with the product』s description.

On Image Click

Unlike 「On Image」, no Quick View strip appears on the image hover.When you click on the image for an instance lightbox opens with the product』s description.

After Summary

A summary is the details of the product like title, price, short description and so on.When you choose this option, Quick View button appears at the end of the above-mentioned summary.

Stick Add to Cart Button

Enabling this option will stick Add to Cart button and other variables at the bottom of quick view window. If you have long description and number of variables, this option can be used to stick and highlight Add to Cart button. 

Note: Whatever appears in the lightbox comes from the Single Product settings.So if you wish to show/hide the settings like title, description, add to cart button etc you need to predefine those setting. All these settings will be displayed on Single Product Page as well.

Path for the setting in customizer is Appearance > Customize > WooCommerce > Single Product.

Color for Anchor Tag Inside Heading Tag

Previously with Astra, link added with the anchor tag set to inherit color from the heading tag. You might have observed this if you have tried adding an anchor tag inside the heading tag ( h1 – h6).

For example –

If the following code is used to add a link in the heading –

Learn from Yesterday Live for Today Hope for Tomorrow

Then link 「Live for Today」 will have the same color as rest of the heading.

But this scenario is updated with Astra theme version 1.4.9 and Astra Pro version 1.5.0 Below is the information for existing installs and fresh installs.

For Fresh Installs – If you are installing freshly Astra theme with version 1.4.9 and above/ installing Astra Pro Addon plugin with version 1.5.0 and above.

Color for the link inside the heading tag will be different from rest of the heading.For example – consider following code

Learn from Yesterday Live for Today Hope for Tomorrow

In the above code, color set for the heading will not be inherited by the link.Color settings that are set with the theme ( customizer: Colors & Background > Base Colors > Link Color) will be applied to the link text i.e. 「Live for Today」

For Existing Installs – If you already have installed the theme, plugin and are updating Astra theme to version 1.4.9 and above/ updating Astra Pro Addon plugin to version 1.5.0 and above.

After updating the theme and the plugin the existing scenario will not change.That means link inside the heading will inherit color from the heading tag.If you wish to set theme link color to link text inside the heading tag use following filter.

Filter to manually enable/disable the different link and heading color –

add_filter('astra_include_achors_in_headings_typography','__return_false');

Above filter will not allow link text to inherit color from the heading tag. Link text will display color that is set from the theme.

Note: Add above filter code to child theme』s functions.php file.

How to Refresh / Flush WordPress Permalinks?

Whenever a new Custom Post is added through a plugin or code; usually WordPress permalinks needs to be flushed.

Step 1: In the WordPress admin area, go to 「Settings > Permalinks」Step 2: Click 「Save Changes」Step 3: Permalinks and rewrite rules are flushed.

How to Duplicate 『Custom Layouts』 and 『Page Headers』?

Astra Pro Addon plugin provides Custom Layouts and Page Header addon. You can create custom designs with these addons.

Sometimes you might need to duplicate them, tweak a little and use again on the same or different sites. Below are some suggestions on how to proceed –

Duplicate Custom Layouts and Page Headers

You can use the external plugin for this. A plugin like Duplicate Page and Post allows duplicating Astra』s  Custom Layouts and Page Headers. Just install the plugin, it will offer the option for each post.

Import / Export Custom Layouts and Page Headers

You can export Custom Layouts and Page Headers from WordPress backend under Tools > Export. Then Import it on another website from Tools > Import > WordPress ( Install > Run Importer ).

How to Add Social Media Icons to Header?

Social Media is becoming an integral part of the website to promote brands. It plays an important role in growing social media followers.

Astra allows adding social icons in the header with the help of widgets. You can use any external plugin to customize the social icon widget and append it to Astra header.

To add the widget to the primary header follow the steps –

Step 1 – From the WordPress dashboard navigate to Appearance > Customize > Header > Primary Menu and select the Last Item in Menu > Widget. 

Step 2 – After selecting widget option as a custom menu item, set a widget from Appearance > Customize > Widgets > Header. All widgets will be available here in the list. You can add more widgets with any plugin.

The plugin that works best with the theme and provides easiest way to add widgets is – Astra Widgets. You can add –

Astra : AddressAstra : List IconsAstra : Social Profiles

In case you need other widgets than above, you can try using external plugins like –

Social Icons Widget by WPZOOM

Here is a video that shows how to add WordPress widget in Astra theme header –

<span data-mce-type="bookmark" style="display: inline-block; width: 0px; overflow: hidden; line-height: 0;" class="mce_SELRES_start"></span>

LifterLMS Shortcode to Add Profile Link

This is a premium feature available with Astra Pro Addon plugin. To use these Pro features, you need to have the Astra theme along with the Astra Pro Addon installed on your website.

Also, make sure that you have the LifterLMS plugin installed and activated.

Astra Pro plugin provides a shortcode for LifterLMS that allows displaying a profile link. The shortcode can be used anywhere on the website. It will display a profile picture for logged-in students. Clicking on it will display student profile details.

The LifterLMS addon in the Astra Pro provides a shortcode [astra_lifterlms_profile_link] This can be used on various locations like header, footer, sidebar, widgets, page builders, etc.

To use the shortcode, activate the LifterLMS addon from Astra Options. (screenshot)

Below is the example that shows how can this shortcode be used –

How to Display Lifterlms Profile Link in the Primary Header?

Below are the detailed steps –

Step 1 – Make sure to activate LifterLMS and Astra Pro plugin. Activate LifterLMS addon from Astra Options. (screenshot)

Step 2 – From the WordPress dashboard navigate to Appearance > Customize > Header >  Primary Menu.

Step 3 – From the Last Item in Menu drop-down, select Text / HTML.

Step 4 – Paste the code in the input area. Profile link will appear in the header as shown below –

Display SubMenu Just Below the Header

If you have observed, whenever you hover the parent menu, the submenu opens just below the parent menu. No matter what your header height is. In this case, submenu cuts the header and display over it just below the parent menu.

In the Astra Theme version 1.5.0 and above we are introducing a filter that will open a submenu below the header without cropping it. You can enable this functionality by adding the following filter to the child theme』s function.php file.

add_action( 'wp', 'astra_open_submenu_below_header' );
function astra_open_submenu_below_header() {
if ( false === astra_get_option( 'submenu-below-header', true ) ) {
add_filter( 'astra_submenu_below_header_fix', '__return_true' );
}
add_filter( 'astra_submenu_open_below_header_fix', '__return_true' );
}

This filter introduces padding difference of ~5px in the header.

How this will work for existing sites –

For the existing sites, those will update to this version (1.5.0) the above change will be disabled by default. You can enable this by adding the above filter.

How this will work for new installations –

If you freshly installed Astra Theme with version 1.5.0 and above the above functionality will be enabled by default. You don』t need to add any snippet.

The functionality of the filter is shown below:

Before adding a filter:

After adding a filter:

Know More about Astra Beta Versions? How to Download and Use?

While working on a major update for the Astra, we make it a point to release a few beta versions before the final stable product. You can try the new features, test and share feedback, with the beta version.

We strongly recommend you to use the beta version of the theme and plugin in a test environment only. Do not use it on a live site. This will let you try new features without worrying what breaks.

The beta version may further come in multiple minor updates until we are perfectly sure of releasing the final version.

Things You Should Know Before Using the Beta Version –

Beta releases contain the early versions of a major update. They might be released a couple of weeks or a few days before the final version. Although we make sure every version offered to you is tested, there might be some minor bugs that need to be worked on.

During the beta phase, there is a freeze on a code. This means that only the present errors and bugs will be fixed. Apart from these, any feedback requesting for a new feature will be considered only in the next major update.

Where Can You Download the Beta Version?

When beta versions are available, you can download them from your Store Account. You will find zip files for the theme and plugin beta version.

How Can I Install a Beta Version?

You can install and get going with a Beta version in 3 easy steps.

Deactivate & uninstall current theme or plugin from your website. Don』t worry, nothing will be lost.Download beta version from your Store Account.Now install downloaded beta version like any other theme and plugin.

How Can I Update the Plugin?

Auto-updates are not sent for Beta releases. Therefore, in order to switch from a beta version to the updated version of a theme and plugin, you will have to download the updated file from your Store Account and install the plugin manually.

Share Your Feedback!

If you have something to share; whether it is a good experience working on the new features or errors and bugs you come across, please do share them with us in our support center?

LearnDash Shortcode to Add Profile Link

This is a premium feature available with Astra Pro Addon plugin. To use these Pro features, you need to have the Astra theme along with the Astra Pro Addon installed on your website.

You can achieve displaying a Profile Link using a LearnDash shortcode using LearnDash module available with Astra Pro. Please refer document, to begin with, LearnDash module.

Astra Pro Addon plugin provides a shortcode for LearnDash that allows displaying profile link. The shortcode can be used anywhere on the website. It will display a profile picture for logged-in students. Clicking on it will display student profile details.

The LearnDash addon in the Astra Pro Addon plugin provides a shortcode [astra_learndash_profile_link] This can be used on various locations like header, footer, sidebar, widgets, page builders, etc.

To use the shortcode, activate the LearnDash addon from Astra Options. (screenshot)

[astra_learndash_profile_link] has an attribute 『link』 that will open on click of the profile picture.

For Example – [astra_learndash_profile_link link="https://www.google.com"] This shortcode will display a profile picture for the logged-in student. On click, it will be redirected to inserted link i.e. to https://www.google.com

Below is the example that shows how can this shortcode be used –

How to Display Learndash Profile Link in the Primary Header?

Below are the detailed steps –

Step 1 – Make sure to activate the LearnDash and Astra Pro plugin. Activate LearnDash Addon from Astra Options. (screenshot)

Step 2 – From the WordPress dashboard navigate to Appearance > Customize >  Header > Primary Menu.

Step 3 – From the Last Item in Menu drop-down, select Text / HTML.

Step 4 – Paste the code in the input area. Profile link will appear in the header as shown below –

Adding Custom Sidebar to the Theme with Lightweight Sidebar Manager plugin

Sometimes it is required to display a suitable, separate sidebar on certain pages on the website. Apart from the default sidebar provided by the theme, you can create a custom sidebar and display it on particular pages with display rules.

To add custom sidebar you need to use Lightweight Sidebar Manager plugin, which is free and available on WordPress repository.

This plugin will replace the theme』s default sidebar with the custom sidebar. It also allows replacing widget areas in header or footer. If you have plugins that provide their own widget area like WooCommerce, this plugin allows replacing those widget areas as well.

Below are the steps to use Lightweight Sidebar Manager plugin –

1. Install and activate the plugin on a WordPress site.2. Settings can be found under Appearance > Sidebars.3. Add New sidebar and enter a title for your custom sidebar.4. Fill sidebar settings.

Sidebar To Replace: Select the sidebar or widget you wish to replace. All available sidebar and widget areas in the theme will be listed here.Description: Add description for your custom sidebar. This is optional.Display On: Choose whether to display the custom sidebar on the entire website or on specific pages/posts. You can even exclude a particular page/post by adding them to the Exclusion Rule.User Roles: You can decide a user role for which custom sidebar should be visible. For excluded users, the default sidebar set with the theme will be visible.

5. Above steps will register the custom sidebar on site. This custom sidebar will appear under Appearance > Widgets.6. Add widgets to this custom sidebar. Drag and drop the widgets you want to add to the custom sidebar.

7. That』s it! Your custom sidebar will appear on pages/post/widget areas you selected with display rules.

Check following things if you are not able to see custom sidebar –

1. Default sidebar is enabled from the theme. As custom sidebar replaces default sidebar, it needs to be enabled from the theme.2. If you have selected the sidebar to display on the header/ footer, check if the widget area is enabled for header/footer. Custom sidebar replaces the widget area in the header/footer so you need to enable it.

Using Lightweight Sidebar Manager plugin with Astra theme

Below is the example that shows how to add a custom sidebar to Astra primary header –

1. Install and activate the Astra theme and Lightweight Sidebar Manager plugin.2. As we need to set a custom sidebar in the primary header, we need to add the widget area in the header. To add widget area navigate to Appearance > Customize > Header > Primary Menu > Last Item in Menu and select Widget from the list.

3. Now follow the steps that are mentioned above to use Lightweight Sidebar Manager plugin.4. This will add a custom sidebar to Astra Header. For the demo, we have added image gallery widget to the custom sidebar as shown in the screenshot below –5. Similarly, you can add a sidebar to the footer and other sections of Astra header.