Astra 文档

WooCommerce Mini Cart Shortcode

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.

Please refer document, to begin with, WooCommerce module.

The WooCommerce addon in the Astra Pro provides a shortcode [astra_woo_mini_cart] to display the mini cart icon anywhere you want. This can be used on page builders/sidebar widgets etc.

[astra_woo_mini_cart] had an attribute `direction` for the direction this should open the mini cart on hover.

Options:[astra_woo_mini_cart][astra_woo_mini_cart direction="top left"][astra_woo_mini_cart direction="bottom right"][astra_woo_mini_cart direction="top right"]

The design of the cart in the menu can be fully customized using the options in WordPress customizer.

LifterLMS Integration in Free Astra Theme

This document lists the free features available with the Astra theme and LifeterLMS plugin. To use these features, you need to have the Astra theme along with the LifterLMS plugin installed and activated on your website.

If you have LifterLMS plugin installed and activated, you get the following options with the Astra theme.

Container Settings

Astra gives you an option to set a dedicated container for the LifterLMS courses. These options overwrite all the default container layout settings.

For managing the container navigate to Appearance > Customize > Global > Container > LifterLMS Layout

You can keep the setting default or change into the following layouts –

Boxed LayoutContent BoxFull Width / ContainedFull Width / Stretched

Boxed Layout

Content Box

Full Width / Contained

Full Width / Stretched

Sidebar Settings

Sometimes you would need to set different sidebars for LifterLMS pages than site sidebars. Astra supports default LifterLMS sidebars. Like the container settings, Astra gives you the option to manage the sidebar on the LifterLMS pages.

You will find the settings under Appearance > Customize > Layout > Sidebar > LifterLMS.

Following options are available:

LifterLMS

It will manage the sidebar on pages like Checkout, Profile, Quiz, Courses, Memberships, Membership single.

LifterLMS Courses/Lessons

It will manage the sidebar on Single Course & Single Lesson pages.

For adding the sidebar widgets go to Appearance > Customize > WidgetsYou can drag & drop the widgets from left side Available Widget option

Astra gives you the following options for LifterLMS and LifterLMS Course/Lesson sidebar:

Default: Whatever setting you have applied for your website will be applied to the pages related to LifterLMS No Sidebar: This setting will hide the Sidebar from the pages related to LifterLMSLeft/Right Sidebar: This setting will display the Sidebar on the pages related to LifterLMS

Sidebar Width

Manage the sidebar width of the LifterLMS pages.

LifterLMS Layout Settings

You will find the settings related to the LifterLMS layout in Astra customizer. For settings go to Appearance > Customize > LifterLMS

Here there are options to set columns for the Course and also for the Membership.

Membership Columns

This is the page where various memberships for the courses appear.With Astra, you can manage the number of columns per row.

Styling options for LifterLMS with Astra Theme

Default colors of the site set under Appearance > Customize Global > Base Colors will be applied to the LifterLMS pages.

Typography that you set for the body and headings under Appearance > Customize > Global > Base Typography will be applied to the LifterLMS pages by default.

Typography for Headings of LifterLMS

LifterLMS Pro Module will extend the features ahead.

Shop WooCommerce

You can style the shop page where all your products are listed. This can be your main shop page or the product archive page.

Quick Steps on How to Style WooCommerce Store Page Using the WooCommerce ModuleStep 1: Make sure you have the Astra Pro Addon and WooCommerce plugin installed and activated. How to Install Astra Pro Addon plugin?Step 2: Activate the WooCommerce module from the Astra Options under the WordPress Dashboard > Appearance > Astra OptionsStep 3: Visit customizer [ Appearance > Customize > WooCommerce ] to edit module settings

You can find the settings under Appearance > Customize > Layout > WooCommerce > Product Catalog

Choose Product Layout

Astra has two layout options for your Shop page:

Grid View

Where you can display your shop in a grid style, where the product image is displayed at the top.Product-related information like price, sale price, category, etc is displayed below the image.

List View

Where the image and product related information is displayed side by side.

Shop Columns

You can choose the number of columns to be displayed for your products on the shop page, in Grid View and List View.

Grid View

List View

You have control to choose the number of columns on your responsive devices:

Products Per Page

Just like the Blog posts on the archive page, you have control to decide the number of products on the main shop page.

Shop Pagination

Number

The number option restricts the number of products on an individual page.The remaining undisplayed products are divided into further pages

Shop Pagination Style

You can change the change this style to Circle or Square

Infinite Scroll

This option on the product page stands for the unlimited display of products.The page gets extended as far as you keep adding the products on the product archive page with an infinite scroll.

Event to Trigger Infinite Loading

Scroll

Keeps you scrolling the page.

Click

The Scroll may elongate the page and the viewer may lose interest after scrolling at a certain level. To avoid this choose an option of Click where the Load More button appears.This button appears after a certain number of products are displayed in rows.You can change the button text as per your needs.

Checkout Page WooCommerce

In this document, we will see the options to customize the Checkout Page using the settings of the WooCommerce module of Astra Pro.

Following options are available under Checkout Page of WooCommerce –

Two-Step Checkout

It separately displays the Billing details and Your order sections. Initially, the Billing details form will appear, then the user can see the order summary and can proceed to checkout.

Display Order Note

It will display order notes at the bottom of the billing information. It contains notes about your order, e.g. special notes for delivery.

Display Apply Coupon Field

The coupon field will be visible at the top of the checkout page. If you don』t want want to display any system for coupons you can disable it.

Distraction Free Checkout

When you enable this option, the menu in the header and the 1st footer of the website disappears on the checkout page. The option of Distraction Free Checkout overrides the header and footer settings.

Use Labels as Placeholders

It will display form labels as a placeholder. This will reduce the height of the billing information form.

Persistent Checkout Form Data

It will retain the Checkout form fields even if the visitor accidentally reloads the checkout page.

Parent Document –

WooCommerce Module Overview

LearnDash Integration in Astra Pro

UPDATE – LearnDash version 3.0 offers two types of templates – Legacy and LearnDash 3.0. Following Astra Pro options are available only with Legacy mode.

To use LearnDash premium features available with Astra, you need to have the Astra theme along with the Astra Pro Addon installed on your website.

This article details the options and features you can get with the LearnDash module in Astra Pro.

Quick Steps on How to Use the Advanced Features Using the LearnDash ModuleStep 1: Make sure you have the Astra Pro Addon and LearnDash plugin installed and activated. Step 2: Activate the LearnDash module from the Astra Options under the WordPress Dashboard > Appearance > Astra OptionsStep 3: Visit customizer [Appearance > Customize > LearnDash] to edit module settings

Once enabled, you will see new features and options as described below:

Distraction Free Learning

Enabling Distraction Free Learning option removes the navigation menu links from the header and footer from LearnDash single course pages, topics, lessons, and quizzes. It presents your content in a clean, simple format and helps your students stay focused.

Student』s Gravatar in Primary Header

Personalize the experience of your students who are logged into your LearnDash website by automatically displaying their public Gravatar image. You can link this image to any URL, such as the 「my account」 page.

Table of Contents: Border Radius

Tweak the Table of Contents exactly as you need with this option. It will make the edges of the table soft and rounded.

Table of Contents: Typography

Need a special font and typography for the LearnDash Table of Contents? No problem!

Table of Contents: Colors

And of course, you can customize the colors exactly as you want!

How to fix Fatal Error / White Screen of Death?

There are times when you see a white screen as soon as you install a new plugin or theme on your website. This is called the White Screen of Death (WSOD). The WSOD shows a blank screen when you try to access your website. There can be many reasons for this situation. You can find the reason for this with simple debugging and will be able to fix it with a few simple steps.

Fixing Fatal Error or White Screen of death is easy if you have FTP access to the website.

Follow the steps below:

Step 1: Log into your server via FTP. If you need help with this, get in touch with your host.

Step 2: via FTP, navigate to {your_wordpress_site}/wp-content/plugins/ Here, find the folder that is related to the plugin you activated or updated. The name will be similar.

Step 3: Rename this folder. This will force WordPress to deactivate the plugin. For example: change the name from astra-addon to astra-addon-x.

Step 4: The problem should be resolved. If not, the plugin folder you renamed was not the culprit. Rename other plugins you suspect. Repeat the steps above until you find the culprit.

Step 5: Contact the developer of the plugin / theme.

Other Notes:

Similarly, you can rename the theme folder and checking if it caused the issue by navigating to{your_wordpress_site}/wp-content/themes/If you need help with the FTP and this debugging, just contact your host and share this article with them. Generally, they will be happy to help you with similar errors.

Below is the quick fix video by our friend Adam from WPCrafter. Video shows how to overcome the WSOD error.

Overview of LearnDash Integration in Astra Theme

UPDATE — This article only applies to the Legacy theme that LearnDash offers. If you wish to use LearnDash 3.0, we have an update, you can read the announcement post to know the changes we』ve done in the Astra theme and also go through the knowledge base article to use Astra with LearnDash 3.0.

In this article, we』re going to take a look at the key highlights and options you will find for LearnDash in the free version of Astra. To see extra options and features you can get with Astra Pro, please refer this article.

Integration Highlights:

Easily Customizable

Astra is fast, flexible starter theme which means you can use it to build any kind of website. Out of the box, it comes with simple, minimalist design. Users can tweak it from intuitive settings in Live Customizer to achieve desired results.

Optimized UI

LearnDash is a great LMS Platform. But it』s UI leaves a lot to be desired on it』s own. So on popular demand, Astra theme has designed an integration with LearnDash to give it a modern, clean design and interface.

Uniform Design

Astra + LearnDash not only look great together; but uniformed as well. LearnDash takes colors, fonts and style set in the Customizer options of Astra theme.

Screenshots:

Because, a picture is a worth thousand words! Click on any image below to open a gallery of some screenshots:

Dedicated Settings for LearnDash

We have provided dedicated design options for LearnDash, so users can achieve make customizations easily without custom code. Some basic options are provided in the Astra free theme, where as more advanced customization options are available from Astra Pro Addon.

Options in Astra Theme

Container:For all single course pages, topics, lessons and quizzes — you can have a different container layout.

Sidebar:Astra provides you control so you can choose the position of sidebar on LearnDash pages.

Table of Contents:Beautify the LearnDash Table of Contents easily with dedicated options. The 「Display Serial Number」 option helps you enable or disable the serial numbers for the table rows; and 「Differentiate Rows」 option will style even odd rows a bit differently with different background colors for better UX.

More Options and Features with Astra Pro

Astra Pro extension for the free Astra theme takes the integration with LearnDash to the next step. It offers amazing options such as Distraction Free Learning, student』s Gravatar in header, more controls for design of course contents table and much more.

We provide more styling options in dedicated modules of Astra Pro Addon plugin. Learn more about the LearnDash module of Astra Pro Addon.

Fix for – Parse error: syntax error, unexpected T_FUNCTION

This error is generally seen on servers that have an outdated version of PHP running on your site.

We all know the importance of PHP in core WordPress. It is the foundational coding technology used for the CMS.

PHP versions below 5.5 are declared unsupported by PHP itself and have come to 「End Of Life「. Upgrading to the latest version of PHP is essential to ensure that your site is secure and compatible with all the versions and features of WordPress.

To upgrade the PHP version for your website, just contact your hosting company and they will be happy to do it for you.

Read more about Why Upgrading PHP is important?

How to White Label Astra?

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.

What is White Label branding?

White label Branding is the ability to rename and present a product or a plugin as your own. This helps you hide the actual identity of the theme and plugins used and lets you use your brand name instead.

Astra Pro comes with an option for white label branding. You can change almost every field to prove that the product is yours and you are the whole and sole developer who has worked on a website.

In order to edit the Astra Pro white label settings, you will need to click on 「Astra Options」 under Appearance, then click white label settings option and add all necessary details in the fields given.

Following is an image of how you can fill the details:

Save your settings.

If you have installed Starter Templates plugin or Astra Premium Sites plugin (available with Astra Essential Bundle or Growth Bundle), you can see options for these plugins as well.

Save your settings.

If you are using the following plugins/options with Astra, you would see options to while label them as shown in above screenshot.

Astra HooksCustom FontsCustom Typekit FontsLightweight Sidebar Manager

Later, if you wish to hide these settings from your client or anyone who would be accessing the backend of a website, you can simply opt to hide these settings by enabling the checkbox for Enable White Label as seen below.

Save your Settings.

Note: If you wish to see these (White Label) settings again after hiding them, you can do so by reactivating (deactivate, then activate again) the plugin from the plugins page.

Want to see where this all will be displayed?

We have a few images for you to understand all the places where all your white label settings will be seen.

This is where the Astra Pro Plugin Name, Agency Author name, Agency Author URL and the Plugin Description will be replaced.

The following image shows the replaced Theme name.

Does White Label Feature Make Changes in the Code?

Cannot edit Custom Layouts / Custom Layouts having 404 error?

Getting 404 error while trying to edit the custom layout?

If you are using Custom Layout module available with Astra Pro. And all the layouts show 404 error when you try to edit it. Please flush the WordPress permalinks.

How to flush the WordPress permalinks?

When a new post type is registered they need to be flushed.

Navigate to Settings > Permalinks from the WordPress dashboard.Click 「Save Changes」.

In case you still face the issue, clear cache of your browser, as sometimes the browser renders the older version of a page that it had saved in memory.

Related Docs –

How to Refresh / Flush WordPress Permalinks?