You will need to install and activate the Rishi Pro plugin and then activate the Portfolio extension for using the Portfolio Template.

Activating the Portfolio Extension

You can access the Portfolio Extension via Dashboard > Appearance > Rishi Theme > Extensions > Pro Extensions.  Then activate the toggle to get the Portfolio extension to work.

How to create a Portfolio Page?

For configuring the Portfolio Template setting, you will first need to create a Portfolio page.

You can follow the below steps to create a Portfolio page:

• Navigate to Dashboard > Pages > Add New.
• Enter the Page title and select Rishi Portfolio under the Template option.

• Click on Publish.

Configuring the Portfolio Template Setting

You can access the Portfolio Template setting via Dashboard > Appearance > Customize > Rishi Portfolio > Portfolio Template.

The following are the settings that you can use to configure the Portfolio Template of the Portfolio page.

Show Page Title: Enable this option to display the page title on the Portfolio page.

Enable Breadcrumb: Enable this option to display breadcrumb navigation on the Portfolio page.

Horizontal Alignment: Select the alignment for the page title.

Bottom Spacing: Set the bottom spacing value for the page title.

General Setting

Portfolio Layout: Select your preferred Portfolio layout.

Portfolio Style: Select the style for the Portfolio card content.

No. of Columns: This option is visible only when selecting Portfolio Layout two or Portfolio Layout three. Here you can enter the number of columns for displaying the Portfolio posts.

Column Gap: You can select the spacing between the existing columns containing the Portfolio posts.

Tab Button Alignment: Select the alignment for the tab buttons named with the Portfolio categories.

Content Alignment: Choose the text alignment for the Portfolio card content.

Excerpt: Enable this option to display the post excerpt on the Portfolio card.

Number of Words: You can select the excerpt length here.

Shortcode: You can use the following shortcode to display the Portfolio added, on any particular page or post on your website.

[RISHI_PORTFOLIO]

Design Setting

The following are the different options provided under the Design settings tab:

Tab Button – Color: You can choose the initial and hover color for the tab button text here.

Tab Button -Typography: Configure the typography setting for the tab button text.

Portfolio Colors – Category: Choose the initial and hover color for the Portfolio category in the Portfolio card.

Portfolio Colors – Title: Select the initial and hover color for the Portfolio post title.

Portfolio Colors – Excerpt: Select the font color for the Portfolio post excerpt.

Portfolio Typography – Category: Configure the typography setting for the Portfolio category in the Portfolio card.

Portfolio Typography – Title: Configure the typography setting for the Portfolio post title.

Portfolio Typography – Excerpt: Configure the typography setting for the Portfolio post excerpt.

Image Radius: Enter the border-radius value for the Portfolios.

Content Padding: Enter the padding value for the Portfolio card content.

Margin: Enter the margin value for the Portfolio section.

Portfolio Template Frontend View

Single Portfolio refers to the Portfolio post page.

You can create a Portfolio post via Dashboard > Portfolios > Add New. The main components of a Single Portfolio would be Post title, Post content, Featured image and Portfolio category.

You will need to install and activate the Rishi Pro plugin and then activate the Portfolio extension for adding a Single Portfolio.

Activating the Portfolio Extension

You can access the Portfolio Extension via Dashboard > Appearance > Rishi Theme > Extensions > Pro Extensions.  Then activate the toggle to get the Portfolio extension to work.

Once the extension is activated, you can access the Single Portfolio setting via Dashboard > Appearance > Customize > Rishi Portfolio > Single Portfolio.

The following are the settings that you can use to configure the Single Portfolio/Portfolio Post page.

General Setting

Enable Breadcrumb: Enable this option to display breadcrumb on the Single Portfolio page.

Meta Elements: You can sort and configure settings for the Single Portfolio Elements under this option.

Meta Alignment: Select the alignment for the Single Portfolio meta information.

Single Portfolio Layout: Choose your preferred layout for the Single Portfolio.

Navigation: Enable this option to display previous and next Portfolio navigation.

Author Box: Enable this option to show Author information in Single Portfolio.

Comments: Enable the Comments option to allow site visitors to post comment for your Portfolio post.

Related Portfolios: You can enable this option to display the Related Portfolio section in the Single Portfolio.

Title: Enter the title for the Related Portfolio section.

Title Alignment: Select the alignment for the Related Portfolio section title.

No. of Portfolios: Enter the number of Portfolio posts you want to display inside the Related Portfolios section.

Portfolios Per Row: Enter the number of Portfolio posts you want to display per row in the Related Portfolios section.

Design Setting

The following are the different options provided under the Design settings tab:

Related Portfolio Title – Color: Choose a font color for the Related Portfolios section title.

Related Portfolio Title – Typography: Configure the Typography setting for the Related Portfolios section title.

Single Portfolio Frontend View

[RISHI_PORTFOLIO per-page=9 ids="" cat=""]

You will need to install and activate the Rishi Pro plugin and then activate the Portfolio extension to use the Portfolio Shortcode.

Activating the Portfolio Extension

You can access the Portfolio Extension via Dashboard > Appearance > Rishi Theme > Extensions > Pro Extensions.  Then activate toggle to get the Portfolio extension to work.

Adding the Portfolio Shortcode

You can use a Shortcode block on a page/post editor to embed the Portfolio Shortcode.

Parameters for the Portfolio Shortcode

The Portfolio Shortcode provides three different parameters that you can use to display a filtered Portfolio list on your website.

per-page: Here you need to enter the number of Portfolios you want to display inside the Portfolio block.

[RISHI_PORTFOLIO per-page=9 ids="" cat=""]

ids: You can enter the array of Portfolio ids that you want to display inside the Portfolio block.

[RISHI_PORTFOLIO per-page=9 ids="907,903,899,895" cat=""]

You can find a Portfolio id for each Portfolio via Dashboard > Portfolios > All Portfolios.

cat: You can use this attribute when you want to display the Portfolio posts belonging to a particular Portfolio category. You can enter an array of Portfolio category ids here.

[RISHI_PORTFOLIO per-page=9 ids="" cat="55,56,57"]

You can find a Portfolio category id for each Portfolio category via Dashboard > Portfolios > Portfolio Category.

Portfolio Shortcode Frontend View

The Payment Section setting allows you to highlight the Payment options that you have provided on your online store in a single product page. This makes the customers aware of the available payment options before heading to the checkout page.

To access this option, you will first need to install and activate the Rishi Pro plugin and the WooCommerce plugin and then activate the Advanced WooCommerce extension.

Activating the Advanced WooCommerce Extension

You can access the Advanced WooCommerce Extension via Dashboard > Appearance > Rishi Theme > Extensions > Pro Extensions.  Then activate the toggle to get the Advanced WooCommerce extension to work.

Once the extension is activated, you can access the Payment Section setting via Dashboard > Appearance > Customize > WooCommerce > Single Product > Payment Section.

General Setting

The following are the settings that you can use to configure the Payment Section.

Payments: Enable this option to show the Payment section on the single product page.

Title: Enter the Payment section title inside the Title field.

Show Stripe?: Enable this option to show the Stripe logo on the Payment section.

Show Visa?: Enable this option to show the Visa card logo on the Payment section.

Show Mastercard?: Enable this option to show the Mastercard logo on the Payment section.

Show Amex?: Enable this option to show the American Express logo on the Payment section.

Show Discover?: Enable this option to show the Discover card logo on the Payment section.

Show Paypal?: Enable this option to show the Paypal payment logo on the Payment section.

Custom Payments: You can also upload an image of a supported payment gateway to the Payment section if it is not available inside the Payment Section setting.

Design Setting

The following are the different options provided under the Design setting tab:

Title Color: Choose your preferred color for the Payment section title.

Title Typography: Select the typography setting for the Payment section title.

Payment Section Frontend View

As the name suggests, you can add a floating cart for your online store via the Floating Cart option provided by the Advanced WooCommerce Extension. Customers can access the cart anytime making the checkout process quick and easy and thus increasing the conversion rate on your website.

To access this option, you will first need to install and activate the Rishi Pro plugin and the WooCommerce plugin and then activate the Advanced WooCommerce extension.

Activating the Advanced WooCommerce Extension

You can access the Advanced WooCommerce Extension via Dashboard > Appearance > Rishi Theme > Extensions > Pro Extensions.  Then activate the toggle to get the Advanced WooCommerce extension to work.

Once the extension is activated, you can access the Floating Cart setting via Dashboard > Appearance > Customize > WooCommerce > General > Floating Cart.

The following are the settings that you can use to configure the Floating Cart on your website.

General Setting

Floating Cart: Enable this option to add Floating Cart to your online store.

Free Shipping Amount: Enter the customer expense amount from which you want to offer them free shipping.

Position: Select whether you want the cart container to appear as a sticky container or in the form of a popup.

Icon Size: Select the cart icon size.

Icon Position: Select the position for the cart icon.

Icon Side Offset: Choose the side offset value for the cart icon.

Reveal From: Select whether you want to display the cart information from the left or right side of the screen.

Floating Cart Visibility: Select the devices where you want to display the floating cart.

Design Setting

The following are the different options provided under the Design settings tab:

Typography: Configure the typography setting for the cart container texts.

Icon Color: Select the initial and hover color for the cart icon.

Icon Background: Select the initial and hover background color for the cart icon.

Cart Badge Color: Select the initial and hover color for the cart badge number.

Cart Badge Background: Select the initial and hover background color for the cart badge.

Button Text Color: Choose the initial and hover color for the button text.

Button Background Color: Choose the initial and hover background color for the button.

Button Border Color: Choose the initial and hover color for the button border.

Promo Code Field for Floating Cart

The Floating Cart comprises a Promo Code field where your customers can enter the available coupon codes and claim a discount for their purchase.

The WooCommerce plugin allows you to create a discount coupon via Dashboard > Marketing > Coupons.

Customers can view the available coupons either by clicking on the View Available Coupon link or via the Offers tab on the Floating Cart.

Floating Cart Frontend View

By enabling the AJAX Add To Cart option, you can add a product to your cart via the respective product page without having the product page redirected.

To use this option, you will first need to install and activate the Rishi Pro plugin and the WooCommerce plugin, and then activate the Advanced WooCommerce extension.

Activating the Advanced WooCommerce Extension

You can access the Advanced WooCommerce Extension via Dashboard > Appearance > Rishi Theme > Extensions > Pro Extensions.  Then activate the toggle button to get the Advanced WooCommerce extension to work.

Once the extension is activated, you can access the AJAX Add To Cart option via Dashboard > Appearance > Customize > WooCommerce > Single Product > Single Cart.

Enabling the AJAX Add To Cart

You can simply enable the blue button highlighted on the screenshot below to AJAXify the Add To Cart button on your online store.

Online shopping holds both the risk factors and flexibility for the customers. Considering this fact, you can use the Guaranteed Section to highlight any warranties or concessions that you can offer for your products. This helps your business gain sales along with your customer’s trust.

To access this option, you will first need to install and activate the Rishi Pro plugin and the WooCommerce plugin, and then activate the Advanced WooCommerce extension.

Activating the Advanced WooCommerce Extension

You can access the Advanced WooCommerce Extension via Dashboard > Appearance > Rishi Theme > Extensions > Pro Extensions.  Then activate the toggle to get the Advanced WooCommerce extension to work.

Once the extension is activated, you can access the Guaranteed Section setting via Dashboard > Appearance > Customize > WooCommerce > Single Product > Guaranteed Section.

General Setting

The following are the settings that you can use to configure the Guaranteed Section.

Guaranteed Section: Enable this option to show the Guarantee message on the product page of your website.

Title: Enter the Guarantee message title inside the Title field.

Content: You can add the icon/image and text label for the Guarantee message via the Content option.

The following are the different settings provided for the Content option:

Label: Enter the text label for the feature added.

Enable Custom Image: Enable the toggle to display custom image.

Predefined icon: You can either use a predefined icon for the content option.

Icon Width: This option is visible when you use a predefined icon for the content. You can set the icon width across different devices here.

Design Setting

The following are the different options provided under the Design settings tab:

Title Color: Choose your preferred color for the Guarantee message title.

Title Typography: Select the typography setting for the Guarantee message title.

Text Color: Select the text color for the content label.

Typography: Select the typography setting for the content label.

Guaranteed Section Frontend View

With the Related Products Options, you can add a related products section to the single product page of your online store. You can add a related products section even without using the Rishi Pro plugin. However, the premium version provides more customization and design options.

To access the premium features for the Related Products section, you will first need to install and activate the Rishi Pro plugin and the WooCommerce plugin and then activate the Advanced WooCommerce extension.

Activating the Advanced WooCommerce Extension

You can access the Advanced WooCommerce Extension via Dashboard > Appearance > Rishi Theme > Extensions > Pro Extensions.  Then activate the toggle to get the Advanced WooCommerce extension to work.

Once the extension is activated, you can access the Related Products Options setting via Dashboard > Appearance > Customize > WooCommerce > Single Product > Related Products Options.

The following are the settings that you can use to configure the Related Products section.

General Setting

Show Related Products?: Enable this option to show the Related Products section on the single product page.

Related Products Title: Enter the Related Products section title here.

Related Products: Enter the number of products you want to display inside the Related Products section.

Related Products per Row: Choose the number of products you want to display per row in the Related Products section.

Move to Default tab section: Enable this option if you want to shift the Related Products section to the default tab in the single product page.

Related Product Label: Enter the tab label you want to display for the Related products section. This option is visible only when the Move to Default tab section option is enabled.

Image: You can choose the aspect ratio and width value for the related product image here.

Star Rating: Enable this option to display review ratings obtained by the listed products.

Sale Badge: Enable this option to display sale badge for the related products that are on sale.

Show Category: You can enable this option to display the product categories of the listed related products.

Card Design: Here you can choose to either add a background color to the existing card layout or not.

Content Alignment: You can select the alignment for the related products card content.

Design Setting

The following are the different options provided under the Design settings tab:

Title Color: You can choose the initial and hover color for the Related Products section title.

Category Color: You can choose the initial and hover color for the product category text.

Price Color: Select the price color for the listed related products.

Button Text Color: Choose the initial and hover color for the Add to Cart button text.

Button Background Color: Choose the initial and hover background color for the Add to Cart button.

Button Border Color: Choose the initial and hover color for the button border.

Button Font: Select the typography setting for the button font.

Button Roundness: Select the border radius for the button.

Card Radius: Enter the border radius for the Related products card.

Related Products Section Frontend View

The Shop Page Content feature allows the WooCommerce Shop Page to display the content you add for the Shop page via the respective page editor.

To use this option, you will first need to install and activate the Rishi Pro plugin and the WooCommerce plugin and then activate the Advanced WooCommerce extension.

Activating the Advanced WooCommerce Extension

You can access the Advanced WooCommerce Extension via Dashboard > Appearance > Rishi Theme > Extensions > Pro Extensions.  Then activate the toggle to get the Advanced WooCommerce extension to work.

Once the extension is activated, you can access the Shop Page Content setting via Dashboard > Appearance > Customize > WooCommerce > Shop Page.

Configuring the Shop Page Content Setting

The following are the different settings provided to display the Shop Page Content on the WooCommerce Shop page.

Show Shop Description: Enable this option to show the Shop page editor content on the Shop page.

Product Tabs lets you add an unlimited number of extra tabs to any or all of your product pages. With the Product Tab Section, you can layout for product section.

To access the premium features for the Related Products section, you will first need to install and activate the Rishi Pro plugin and the WooCommerce plugin and then activate the Advanced WooCommerce extension.

Activating the Advanced WooCommerce Extension

You can access the Advanced WooCommerce Extension via Dashboard > Appearance > Rishi Theme > Extensions > Pro Extensions.  Then activate the toggle to get the Advanced WooCommerce extension to work.

Once the extension is activated, you can access the Related Products Options setting via Dashboard > Appearance > Customize > WooCommerce > Single Product > Products Tab Section.

The following are the settings that you can use to configure the Product Tab Section.

General Settings

Tab Layout: Choose layout for product tab.

Alignment: Choose how you want to align the section.

Design Settings

Color: Choose color for the content of the section.

Border Color: Choose border color of the section.

Typography: Configure typography of the section.