Author 诗语

Checkout Page – EDD Module Options

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

Read about the module here. Make sure that the Easy Digital Downloads Module is activated from Astra Options.

Before that please verify if you have the Easy Digital Downloads plugin installed and activated.

You can find the settings under Appearance > Customize > Easy Digital Downloads > Checkout Page

Following options are available-

Display Apply Coupon Field: 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 first footer of the website will disappear on the checkout page. The option of Distraction Free Checkout overrides the header and footer settings.Checkout Form Width: Let the form width be default or using the Custom option set the custom width for the form.

Product Archive – EDD Module Options

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

Also, make sure that you have the Easy Digital Downloads plugin installed and activated.

Read about the module here. Make sure that the Easy Digital Downloads Module is activated from Astra Pro options.

You can style the product archive page where all your products are listed.

You can find the settings under Appearance > Customize > Easy Digital Downloads > Product Archive.

Below are the available options in the module –

1. Choose Product Style – Layout

Astra has two layout options for your Shop page:

Grid View: Where you can display your product archive page in a grid style, where the product image is displayed at the top. Product related information like price, category, title etc is displayed below the image.List View: Where the image and product related information is displayed side by side.

2. Archive Columns

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

3. Display Page Title

Enabling this option will display the title for the archive pages.

4. Product Structure

Product structure helps you in giving quick details in a simple and easy way. You can hide or display them by clicking on the 『eye』 icon.

5. Cart Button Text

Change the text for the Add To Cart button.

6. Variable Product Button

Choose a button or option for the variable product.

7. Variable Product Button Text

Change the text for the Variable Product Button text.

8. Product Styling

Content Alignment: This option helps you to set the overall alignment of the product view. You can set the content alignment to Left, Right or CenterBox Shadow and Box Hover Shadow: Shadows help in enhancing your product page design. You can add shadow for a box as well as for the mouse rollover.

8. Button

This helps you to set the horizontal and vertical padding for Add To Cart button.

9. Archive Content Width

Adjust the width specifically for product archive pages.

10. Colors

You can set the Colors for the Product Title, Price Color, and Content Color.

11. Typography

You can set the Typography for the Product Title, Product Price, Product Content from here.

How to Apply For Brainstorm Force Affiliate Program? (Become Astra Affiliate)

Follow this step by step guide to apply for our Affiliate Program. It will give you affiliate links for all our products sold on the store.

Create an Account on Brainstorm Store

Before applying for the affiliate program, you need to create an account on Brainstorm Store. Visit the following link and create an account on our store.

store.brainstormforce.com/register

Apply for Affiliate Program

After creating an account on Brainstorm Store, login into your account. Click on the Account tab, then click on the Affiliate Area in the drop-down menu.

Fill the Affiliate Registration Form and click the Submit button.

After successful form submission, you will see the following message.

Wait for Approval Email

We will review your affiliate request within 24 hours. Once your request is approved you will get a similar email as seen below.

Affiliate Links for Promotion

Click on Account then Affiliate Area to see all your affiliate links.

Now you can see the affiliate ID and affiliate URLs as shown in the screenshot below.

Use these links to promote any products developed by Brainstorm Force.

How to Add Download Archive Pages to the Menu When Using Astra with EDD?

Easy Digital Downloads plugin allows adding Download Archive pages like Download Categories and Download Tags to the menu.

Below are the steps that show how to add these archive pages to the menu –

Step 1 – From the WordPress dashboard navigate to Appearance > Menus.

Step 2 – Make sure Download Categories and Download Tags options are enabled form the Screen Options.

Step 3 – Choose and add required archive pages from the list. Save the menu.

Note: Make sure each category and tag is assigned to at least one Download. Then only they will appear on the above list.

How to Disable EDD Inbuilt Styling?

Astra is integrated with the Easy Digital Downloads plugin. That means Astra provides styling for EDD pages to enhance the look. While EDD plugin provides a default styling as well.

You need to turn off these default styling to enable styling from Astra theme. Below are the steps that show how to disable EDD inbuilt styling –

Step 1 – From the WordPress dashboard navigate to Downloads > Settings and open a Style tab.

Step 2 – Tick the checkbox for Disable Styles option. Save the changes.

This will allow Astra to enable styling to EDD pages.

How to Display a Mini Cart Anywhere Using Shortcode? (Astra and EDD)

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

And before that please verify if you have the Easy Digital Downloads plugin installed and activated.

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

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

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

The design of the cart in the menu can be fully customized using the options in WordPress customizer. The setting can be found in the customizer under Customize > Easy Digital Downloads > General.

Related Documents:

Ultimate Guide on WooCommerce Shortcodes

How Does Astra Work with the Gutenberg Editor?

Astra gives you a great experience of building a page with Gutenberg editor. Below are the points that explain how Astra suits best with Gutenberg editor.

Support Container Layout 

Container layout set for Astra from the customizer will be applied to the Gutenberg editor as well. So that user will get the experience of how the final page will look in the frontend. Read more about the container layout here.

Gutenberg editor with Boxed / Content Boxed – Container Layout

Gutenberg editor with Full Width / Contained – Container Layout

Note: It is not recommended to use Full Width / Stretched layout with Gutenberg editor. It is specially designed for page builders which need full control over the container width. So if you enable Full Width / Stretched layout, the content will not be stretched to the fullest with Gutenberg editor but will be stretched in the frontend.

Support Wide / Full width alignment options

Gutenberg editor provides wide width and full width option for blocks like Image, Image Gallery, Cover Image, Posts etc. Astra supports these width options depending on the selected container layouts.

Wide width option will display full image but will have some space around it. While full width option will stretch the image end to end. In Boxed and Content Boxed container layout, full width image will stretch as per the width of the box. That means it will not display out of the box.

Image with Boxed / Content Boxed – Container Layout

Image with Full Width / Contained – Container Layout

Note: If the sidebar is enabled for the page, the image will not be stretched to fullest. As doing so will overlap the sidebar content.

Backend same as a frontend 

Gutenberg editor has the object to provide a visual editing experience. So with Astra, we make sure that the editor looks similar to the frontend. The customizer settings for background colors, text colors, typography etc. can be seen while editing the page. So that you can have an idea of how the page will look in the frontend.

Style blocks nicely

Astra is tested with every block of Gutenberg. Customizer settings will be applied to all Gutenberg blocks.

Support for Astra shortcodes

Astra shortcodes that come with Astra Pro Addon plugin will work best with Gutenberg editor.

New Typography Improvement for Astra

Astra version 1.5.2 introduces a new typography param. With this user can select multiple font variants to be enqueued for base typography. That means the user can select different required Font Variant in Base Typography and use them on the entire site as per the requirement.

The settings can be found in the customizer under Global > Typography > Base Typography. After selecting a font-family, Font Variant option will appear. Select the required font variant. You can choose more than one variant.

Note: 

Font Variant option is available only for Base Typography.Font Variant option is available only for Google Fonts.

As shown in the above video, if you select font family as Poppins and select variant 400 Normal and Bold 700. Whenever you mark text as bold, it will be applied with Bold 700 font weight. These variants will be available with page builder as well.

Along with Font Variant option, typography param introduces an option that allows to search font-family from the lists. It can be seen in the above video. This is available for all typography settings.

How to Create Different Headers on Different Pages Using Astra?

Astra Pro Addon plugin offers addons that allow creating a custom header and replace the primary header for Astra. With following Astra Pro addons you can design different header and set them to display on different pages.

These are premium features 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.

Page HeadersCustom Layouts

Page Headers

Use Page Headers addon, if you just want a different logo, menu, header background, menu colors on different pages. Display rules allow you to display page header on specific pages. Create a page header for each page and then use display rules. Below is the detailed video that describes the Page Header addon. Read more about the addon here.

Custom Layouts

Use Custom Layouts addon, if you want completely different or complex design for your header on different pages. Display rules will allow you to choose exact target pages. Create a custom layout for each page and then use display rules. Below is the detailed video that describes the Custom Layouts addon. Read more about the addon here.

How to Set Animation To The Sub Menu?

With Astra Theme version 1.5.0 and above you can set animation for the navigation menus. It adds a style to the menu when the user hovers it.

The settings can be found under Appearance > Customize > Header > Primary Menu > SUB MENU – Container Animation. Following are available options  –

Submenu Container Animation:

It applies entry animation to the submenu container when the user hovers the parent menu. Available animation styles are Slide Down, Slide Up, Fade. These animations are available for normal as well as the mega menu. Note that mega menu functionality is available with Astra Pro.

Note: Above options will be available with Astra theme for the primary header. While with Astra Pro Addon plugin above options will be available for Above and Below Header.