settings – XTRA Tutorials https://xtratheme.com/docs Documentation of XTRA WordPress Theme Thu, 26 Sep 2024 07:05:46 +0000 en-US hourly 1 https://wordpress.org/?v=6.8.2 How to Fix Cart and Checkout Links Not Working in WooCommerce https://xtratheme.com/docs/how-to/how-to-fix-cart-and-checkout-links-not-working-in-woocommerce/ https://xtratheme.com/docs/how-to/how-to-fix-cart-and-checkout-links-not-working-in-woocommerce/#respond Mon, 16 Sep 2024 07:00:06 +0000 https://xtratheme.com/docs/?p=4218

Description and Screenshot

Step 1
Xtra

Fixing the Cart and Checkout page do not working in WooCommerce

To fix the issue of the Cart and Checkout links not working in WooCommerce, follow these steps:

  1. Check WooCommerce Page Settings: Go to the Dashboard > WooCommerce > Settings.

  2. Then navigate to the Advanced tab. In this section, you can check and configure the page links for essential WooCommerce pages like Cart, Checkout, and My Account.

  3. Verify Assigned Pages: Under the Page Setup section in the Advanced tab, make sure that the correct pages are assigned for Cart, Checkout, and My Account. If these pages are not assigned correctly, WooCommerce may not function as expected.
    and
    Reassign Pages If Necessary: If you notice that the Cart or Checkout pages are not properly set, select the appropriate pages from the dropdown list or create new pages if they are missing, and then assign them.

    Save Changes: Once you’ve made sure the correct pages are assigned, click Save Changes at the bottom of the page to apply the settings.

This should fix the issue, ensuring that the Cart and Checkout pages work properly again. If the issue persists, you may want to check for conflicts with themes or plugins that could be affecting the functionality.

Woo page
]]>
https://xtratheme.com/docs/how-to/how-to-fix-cart-and-checkout-links-not-working-in-woocommerce/feed/ 0
How to Add a ‘Sold Out’ Badge to Out of Stock Products? https://xtratheme.com/docs/how-to/how-to-add-a-sold-out-badge-to-out-of-stock-products/ https://xtratheme.com/docs/how-to/how-to-add-a-sold-out-badge-to-out-of-stock-products/#respond Wed, 14 Aug 2024 07:59:46 +0000 https://xtratheme.com/docs/?p=3420

Description and Screenshot

Step 1
XTRA

Sold out Badge

Under Theme Options > WooCommerce Pro > Products Settings you can turn on Sold out badge feature. We use this option to display out of stock products.

Out of stock
]]>
https://xtratheme.com/docs/how-to/how-to-add-a-sold-out-badge-to-out-of-stock-products/feed/ 0
How to enable cart page related products? https://xtratheme.com/docs/how-to/how-to-enable-cart-page-related-products/ https://xtratheme.com/docs/how-to/how-to-enable-cart-page-related-products/#respond Tue, 13 Aug 2024 12:56:45 +0000 https://xtratheme.com/docs/?p=3392

Description and Screenshot

Step 1
XTRA

Cart Page Related Products

Under Theme Options > WooCommerce Pro > Products Settings you can turn on Cart Page Related Products feature, the exact path is shown in the screenshots.

Woo 1
222e
2222
]]>
https://xtratheme.com/docs/how-to/how-to-enable-cart-page-related-products/feed/ 0
How to Display Zero in the WooCommerce Cart Icon in the Header? https://xtratheme.com/docs/how-to/how-to-display-zero-in-the-woocommerce-cart-icon-in-the-header/ https://xtratheme.com/docs/how-to/how-to-display-zero-in-the-woocommerce-cart-icon-in-the-header/#respond Tue, 13 Aug 2024 12:17:28 +0000 https://xtratheme.com/docs/?p=3383

Description and Screenshot

Step 1
XTRA

Header cart zero number

Under Theme Options > WooCommerce Pro > Products Settings you can turn on Header cart zero number feature, the exact path is shown in the screenshots.

Woo 1
222e
Cart zero num
]]>
https://xtratheme.com/docs/how-to/how-to-display-zero-in-the-woocommerce-cart-icon-in-the-header/feed/ 0
How to Use Google Fonts Not Listed in Your Theme’s Font Library? https://xtratheme.com/docs/how-to/how-to-use-google-fonts-not-listed-in-your-themes-font-library/ https://xtratheme.com/docs/how-to/how-to-use-google-fonts-not-listed-in-your-themes-font-library/#respond Tue, 13 Aug 2024 11:46:02 +0000 https://xtratheme.com/docs/?p=3373

Description and Screenshot

Step 1
XTRA

Use Google Fonts

Under Theme Options > Typography  you can add a font from Google Fonts, even if that font is not available in the font list of the Xtra Theme, just write its correct name in the font name field of the StyleKit, as shown in the screenshot of the guide below.

Typo1
Typograpgy22
]]>
https://xtratheme.com/docs/how-to/how-to-use-google-fonts-not-listed-in-your-themes-font-library/feed/ 0
How to Change Product Page Tabs to Vertical Mode? https://xtratheme.com/docs/how-to/how-to-change-product-page-tabs-to-vertical-mode/ https://xtratheme.com/docs/how-to/how-to-change-product-page-tabs-to-vertical-mode/#respond Tue, 13 Aug 2024 11:04:26 +0000 https://xtratheme.com/docs/?p=3360

Description and Screenshot

Step 1
XTRA

Set Vertical Tabs for Product Page

Under Theme Options >WooCommerce Pro > Product Settings >Product tabs You can choose the Vertical mode.

Wp ver1
Woo ver2
Woo ver3
Tips

You may want to know …

By default, the tabs are displayed horizontally, with the help of the above options, you can set the display mode to vertical or centered.

]]>
https://xtratheme.com/docs/how-to/how-to-change-product-page-tabs-to-vertical-mode/feed/ 0
How to Add Border Radius to All Website Images at Once? https://xtratheme.com/docs/theme-options/how-to-add-border-radius-to-all-website-images-at-once/ https://xtratheme.com/docs/theme-options/how-to-add-border-radius-to-all-website-images-at-once/#respond Tue, 13 Aug 2024 10:10:54 +0000 https://xtratheme.com/docs/?p=3352

Description and Screenshot

Step 1
XTRA

Set Border Radius for all Images

Under Theme Options > General  > Colors & Styling > Styling > Images from this section, you can specify the style and especially the Border Radius for all site images.

Imggg111
Imggg222
Img3
]]>
https://xtratheme.com/docs/theme-options/how-to-add-border-radius-to-all-website-images-at-once/feed/ 0
How to Enable or Disable Share Icons for Products and Posts? https://xtratheme.com/docs/theme-options/how-to-enable-or-disable-share-icons-for-products-and-posts/ https://xtratheme.com/docs/theme-options/how-to-enable-or-disable-share-icons-for-products-and-posts/#respond Tue, 13 Aug 2024 09:42:01 +0000 https://xtratheme.com/docs/?p=3339

Description and Screenshot

Step 1
XTRA

Share Icons Options

Under Theme Options > General  > Share Icons > Post type you can manage the display of sharing icons. You can activate or deactivate the icons in the posts and product page and also add or remove the media.

Sha 1
Shar2
Sh3
Tips

You may want to know …

Also, in this section, you can see the settings for Tiltle, Color mode, Tooltip, Inline Title and StylKits, and customize share icons.

]]>
https://xtratheme.com/docs/theme-options/how-to-enable-or-disable-share-icons-for-products-and-posts/feed/ 0
How to Set Your Header to Full Width: A Step-by-Step Guide? https://xtratheme.com/docs/theme-options/how-to-set-your-header-to-full-width-a-step-by-step-guide/ https://xtratheme.com/docs/theme-options/how-to-set-your-header-to-full-width-a-step-by-step-guide/#respond Tue, 13 Aug 2024 08:32:44 +0000 https://xtratheme.com/docs/?p=3320

Description and Screenshot

Step 1
XTRA

Header Full Width

In XTRA theme each header has Row StyleKit for set width to 100% with padding.

Under Theme Options > Header > Header > Row Styling > Container > Turn on StyleKit advanced mode to see the width field.

Header row
Tips

You may want to know …

  • Padding – With the help of the padding option, you can adjust the distance from the surroundings.
]]>
https://xtratheme.com/docs/theme-options/how-to-set-your-header-to-full-width-a-step-by-step-guide/feed/ 0
How to Enable or Disable Product Hover Icons in WooCommerce? https://xtratheme.com/docs/theme-options/how-to-enable-or-disable-product-hover-icons-in-woocommerce/ https://xtratheme.com/docs/theme-options/how-to-enable-or-disable-product-hover-icons-in-woocommerce/#respond Tue, 13 Aug 2024 06:48:45 +0000 https://xtratheme.com/docs/?p=3299

Description and Screenshot

Step 1
XTRA

WooCommerce Products settings

Under Theme Options > WooCommerce Pro > Products Settings you can find and manage your WooCommerce products hover icons.

  1. Wishlist It allows guests and customers to create and add products to an unlimited number of Wishlists.
  2. CompareWooCommerce compare allows guests and customers to compare products between each others.
  3. Quick ViewThe quick view is a button to show product details in a lightbox when clicked.
Qiuc
Tips

You may want to know …

  • If all three options are off, the product hover will be off, and if even one of the options is on, the product hover will be on.
  • You can customize and change the style of these icons from Theme Options >WooCommerce Pro > Products Styling with the help of StyleKit.
Style kitdis
]]>
https://xtratheme.com/docs/theme-options/how-to-enable-or-disable-product-hover-icons-in-woocommerce/feed/ 0
Theme Options Overview https://xtratheme.com/docs/theme-options/theme-options-overview/ https://xtratheme.com/docs/theme-options/theme-options-overview/#respond Thu, 20 Jun 2024 07:06:04 +0000 https://xtratheme.com/docs/?p=1688

Theme Options Video

Theme Options Overview

Step 1
Part01

How to access Theme Options?

There are two way to access theme options and customize your website settings. In your admin bar you can find Theme Options dropdown menu and quickly access theme options panels. Or from Appearance > Customize menu you can access theme options.

Theme options overview
Part02

Theme Options panels and sections

Theme options controls spliced in different panels and sections and you can find any sections easily, Also some parts, in live preview frame have cog icon that will help you to access element settings quickly by only a click.

  • Demo Importer – You can import full demo from library
  • General – Layout, colors, styles, SEO, Loading, etc.
  • Typography – Font family, size, colors, etc.
  • Header – Header rows, logo, sticky, fixed side, etc.
  • Footer – Widgets, copyright, footer menu, etc.
  • Blog – Posts settings, styles, single settings, search, etc.
  • Projects – Settings, styles, post type slugs, etc.
  • WooCommerce Pro – Custom settings, StyleKits for WooCommerce sections.
  • Side Identity – Site title, description and favicon.
  • Menus – Add/remove menu items, location, etc.
  • Widgets – Add/remove widgets from any sidebars.
  • Homepage Settings – Set custom homepage and custom blog posts page
  • WooCommerce – Core settings of WooCommerce plugin
  • Additional CSS – You can add your custom CSS codes here
  • Backup / Reset – You can download/copy theme options backup or reset theme options
Theme options sections panels
]]>
https://xtratheme.com/docs/theme-options/theme-options-overview/feed/ 0
Post Formats in WordPress Themes: A Complete Guide https://xtratheme.com/docs/page-builder/post-formats-in-wordpress-themes-a-complete-guide/ https://xtratheme.com/docs/page-builder/post-formats-in-wordpress-themes-a-complete-guide/#respond Wed, 12 Jun 2024 09:44:09 +0000 https://xtratheme.com/docs/?p=1282

Post Format Settings

Step 1
Intro

Settings Overview

In XTRA WordPress theme you can change post format for any posts, There are Gallery, Audio, Video, Slider, Quote and Standard post formats. Each post formats have separate options.

  1. Standard
  2. Gallery
  3. Video
  4. Audio
  5. Quote
Post formats
Part01

Standard

Standard is the default post format in WordPress. It can be an article, a blog post, or anything the user want it to be. A standard post can also be any of the other post formats as well. For example, a standard post can have a gallery or a video. The user can decide whether they want to use their theme’s built in support for the formatting and display of a particular post format or they would rather use the standard post format.

Part02

Gallery and Carousel slider

An image gallery in WordPress can be inserted using the Add Media button and then clicking on “Create Gallery” tab. Gallery feature allows you to add multiple images in a WordPress post, gallery post format have following options:

  1. Gallery type
  2. Upload gallery images
  3. Gallery layout type
  4. Gallery gap
Gallery post format
Part03

Video format

A post in video post format usually contains a video either embedded from a third party video hosting service like YouTube or uploaded and played directly from WordPress. Since WordPress version 3.6 there is support for native video upload and playback.

  1. Post format type
  2. Video type
  3. Video URL or upload video file
Post format video
Part04

Music player format

A post with the audio post type usually contains an audio file embeded from a third party hosting service or uploaded directly through WordPress media uploader.

  1. Post format type
  2. Audio URL or upload audio file
Audio post format
Part05

Quote format

Quote is one of the post formats supported by WordPress. It is used for quotations, specially when a user wants to just share a quote which is not within a standard post or article. A user may decide to add or to wrap a quote around blockquote HTML tag.

  1. Post format type
  2. Quote content
  3. Cite name
Post format quote
]]>
https://xtratheme.com/docs/page-builder/post-formats-in-wordpress-themes-a-complete-guide/feed/ 0
Page SEO Settings in Xtra WordPress Theme: A Comprehensive Guide https://xtratheme.com/docs/page-builder/page-seo-settings-in-xtra-wordpress-theme-a-comprehensive-guide/ https://xtratheme.com/docs/page-builder/page-seo-settings-in-xtra-wordpress-theme-a-comprehensive-guide/#respond Wed, 12 Jun 2024 09:05:16 +0000 https://xtratheme.com/docs/?p=1275

Page SEO Settings

Step 1
Intro

Settings Overview

In XTRA WordPress theme you can change some important settings in specific custom pages, for example if you want to change SEO meta tags in specific page, you can do it in any page settings section. Also theme is fully compatible with any SEO plugins such as Yoast WP Plugin.

Page seo settings
Part01

SEO Description

The meta description is a snippet of up to about 155 characters, a tag in HTML that summarizes a page’s content. Search engines show it in search results mostly when the searched for phrase is within the description. So optimizing it is crucial for on page SEO.

Part02

SEO Keywords

Meta Keywords are a specific type of meta tag that appear in the HTML code of a Web page and help tell search engines what the topic of the page is. Meta keywords are distinguished from regular keywords because they appear “behind the scenes”, in the source code of your page, rather than on the live, visible page itself.

]]>
https://xtratheme.com/docs/page-builder/page-seo-settings-in-xtra-wordpress-theme-a-comprehensive-guide/feed/ 0
Page Header Settings https://xtratheme.com/docs/page-builder/page-header-settings/ https://xtratheme.com/docs/page-builder/page-header-settings/#respond Sun, 09 Jun 2024 09:13:39 +0000 https://xtratheme.com/docs/?p=1250

Page Header Settings

Step 1
Intro

Settings Overview

In XTRA WordPress theme you can change some important settings in specific custom pages, for example if you want to have page with or without sidebar, you can edit page and change its settings and settings will only affect on that specific page. You can change page header position, header type, header background, title background, etc.

Page header settings
Part01

Header Position

You can change header position in specific page, Available options:

  1. Default position
  2. Header and title bar
  3. Title bar and header
  4. Header overlay on desktop
  5. Header overlay on tablet
  6. Header overlay on mobile
Header position
Part02

Page Title Type

You can change title type for specific page, set slider, custom image, shortcode or set custom page content, available options:

  1. Default type
  2. Disable title bar
  3. Title and Breadcrumbs
  4. Revolution Slider
  5. Custom Image
  6. Custom Shortocde
  7. Custom page content
Title type
Part03

Title bar color and styling

You can change title bar background, color, border and all Styling related to Title and Background for specific page.

Title bar styling page
Part04

Page header styling

If you wish to change specific custom page header styling, then you can do it in any page settings header section.

  1. Header top bar
  2. Main Header
  3. Header bottom bar
Page header styling
Part05

Overal header StyleKit

If you want to change background image or color of overall header section, you can do it with this StyleKit.

Part06

Fixed side StyleKit

If your site have fixed side enabled, then you can change fixed side styling for specific page. For e.g. change background color, width, border, etc.

]]>
https://xtratheme.com/docs/page-builder/page-header-settings/feed/ 0
Page General Settings https://xtratheme.com/docs/page-builder/page-general-settings/ https://xtratheme.com/docs/page-builder/page-general-settings/#respond Sat, 08 Jun 2024 05:51:33 +0000 https://xtratheme.com/docs/?p=1191

Page General Settings

Step 1
Intro

Settings Overview

In XTRA WordPress theme you can change some important settings in specific custom pages, for example if you want to have page with or without sidebar, you can edit page and change its settings and settings will only affect on that specific page. You can change page background, hide header or footer, change header colors, etc.

Page general settings
Part01

General Settings Tab

Under general settings tab you can see general page settings, Available settings:

  1. Sidebar position
  2. Page content gap
  3. Page background
  4. Hide header
  5. Hide footer
  6. Featured image / Menu location
Part02

Sidebar Position

You can change sidebar and page content position for specific page, Sidebar position option have multiple different types, Left and Right and even both sides. Available Positions:

  1. No Sidebar
  2. Content Center
  3. Sidebar Left
  4. Sidebar Right
  5. Sidebar Small
  6. Sidebar Both sides
Sidebar position page
Part03

Page Content Gap

If you want to remove page content gap between header, content and footer only on one specific page, you can try this option setting.

Page setting content gap
Part04

Page Background

If you wish to change specific custom page background, in XTRA theme you can do it, Available options:

  1. Background Color
  2. Background Gradient Color
  3. Background Image
  4. Background Color Overlay
  5. Background Position
Page background
Part05

Hide Header

If you want hide header in specific page, then you can do it via page settings. It only affect on specific page and not all website.

Part06

Hide Footer

If you want hide footer in specific page, then you can do it via page settings. It only affect on specific page and not all website.

Step07

Last General Setting

In single posts, you can hide featured image in specific post and in Single page, you can change menu navigation location.

]]>
https://xtratheme.com/docs/page-builder/page-general-settings/feed/ 0