widget – XTRA Tutorials https://xtratheme.com/docs Documentation of XTRA WordPress Theme Mon, 12 May 2025 17:03:51 +0000 en-US hourly 1 https://wordpress.org/?v=6.8.2 Price filter widget doesn’t display in sidebar https://xtratheme.com/docs/how-to/price-filter-widget-doesnt-display-in-sidebar/ https://xtratheme.com/docs/how-to/price-filter-widget-doesnt-display-in-sidebar/#respond Mon, 12 May 2025 17:00:23 +0000 https://xtratheme.com/docs/?p=4630

Fix WooCommerce Price Filter Showing Issue in Shop Sidebar

Step 1
Xtra

On some installs or plugin updates the WooCommerce price filter widget doesn’t appear correctly within the Shop sidebar. there is an easy fix just go to: WooCommerce > Status > Tools and click the following buttons:

 

  • WooCommerce transients – clear transients
  • Expired transients – clear transients
  • Product lookup tables – regenerate
Woocommerce system tools
]]>
https://xtratheme.com/docs/how-to/price-filter-widget-doesnt-display-in-sidebar/feed/ 0
How to Add a Product-Specific Search Form in WordPress theme? https://xtratheme.com/docs/how-to/how-to-add-a-product-specific-search-form-in-wordpress-theme/ https://xtratheme.com/docs/how-to/how-to-add-a-product-specific-search-form-in-wordpress-theme/#respond Tue, 24 Sep 2024 08:16:31 +0000 https://xtratheme.com/docs/?p=4437

Add a Product-Specific Search Form

Step 1
Xtra

If you want to place a search box in the header that only shows search results for products, you can enable the search element in the header and set it to “Only products?” and the button.

Go to Theme Options > Header > Select a Header > Add Search Element > Turn on Only products.

Sercj

There is another option where you can place the search form in a widget, which is explained step-by-step in the tutorial below:

Go to Dashboard > Appearance > Widgets > Find Product Search widget then drag and drop this to a Sidebar. 

Produc searc
]]>
https://xtratheme.com/docs/how-to/how-to-add-a-product-specific-search-form-in-wordpress-theme/feed/ 0
How to Add a Widget to Your Sidebar https://xtratheme.com/docs/how-to/how-to-add-a-widget-to-your-sidebar/ https://xtratheme.com/docs/how-to/how-to-add-a-widget-to-your-sidebar/#respond Sun, 01 Sep 2024 11:09:33 +0000 https://xtratheme.com/docs/?p=3892

Description and Screenshot

Step 1
XTRA

Adding Widgets to the Sidebar

Adding widgets to the sidebar of a WordPress website can significantly enhance both the functionality and aesthetic appeal of your site. They offer a versatile way to provide additional content, improve navigation, and engage users, all of which can contribute to a more successful and user-friendly website.

Here we want to explain step by step how to add a widget to the sidebar:



  1. Go  to Theme Options > Widgets
  2. Select a Widget
  3. Add a Widget



Widge
]]>
https://xtratheme.com/docs/how-to/how-to-add-a-widget-to-your-sidebar/feed/ 0
How to Change Background and Text Color for a Specific Sidebar Widget? https://xtratheme.com/docs/how-to/how-to-change-background-and-text-color-for-a-specific-sidebar-widget/ https://xtratheme.com/docs/how-to/how-to-change-background-and-text-color-for-a-specific-sidebar-widget/#respond Sat, 17 Aug 2024 09:38:35 +0000 https://xtratheme.com/docs/?p=3479

Description and Screenshot

Step 1
XTRA

Widget background and text color

In the WordPress ٓXtra Theme, you can fully customize the widgets and, for example, set the background color, font, etc. for it.

The Path is Theme Options > General > Colors & Styling > Sidbar & Widgets > Widgets StyleKit.

Wed en
Wifg6
Tips

Also you may know …

You can also change the style of a single widget.

The Path is Dashboard >Appearance > Widgets.

3
]]>
https://xtratheme.com/docs/how-to/how-to-change-background-and-text-color-for-a-specific-sidebar-widget/feed/ 0
Theme Options: Widgets https://xtratheme.com/docs/theme-options/theme-options-widgets/ https://xtratheme.com/docs/theme-options/theme-options-widgets/#respond Sun, 30 Jun 2024 08:15:06 +0000 https://xtratheme.com/docs/?p=2093

Description and Screenshot

Step 1
XTRA

WordPress Widgets options

Under Theme Options > Widgets you can find and customize your website widgets.

  1. Number of Widgets Area – Here WordPress tells you how many widgets area exists.
  2. List of Widgets Area – You can see list of available sidebars on current page.
  3. Example Widget – This is an example widget that is ready to edit settings.
Theme options widgets
Theme options widgets 2
Tips

You may want to know …

  • Other way – Also from Appearance > Widgets you can find and customize your widgets.

  • Design – From Theme Options > General > Colors and Styles you can find and customize sidebar and widgets styling.
]]>
https://xtratheme.com/docs/theme-options/theme-options-widgets/feed/ 0
How to Customize Widget Styling Individually: A Step-by-Step Guide? https://xtratheme.com/docs/how-to/how-to-customize-widget-styling-individually-a-step-by-step-guide/ https://xtratheme.com/docs/how-to/how-to-customize-widget-styling-individually-a-step-by-step-guide/#respond Wed, 12 Jun 2024 19:27:36 +0000 https://xtratheme.com/docs/?p=2473

Description and Steps

Step 1
XTRA

Custom widget styling

If you have any available widget on your site pages, You can customize widget styling separatelly, For this purpose go to Theme Options > Widgets > Primary (According to your widget position), Then follow below shot:

Widget_styling
Tips

You may want to know …

  • Other solution – Go to Dashboard > Appearance > Widgets you can customize any widgets styling on active sidebars.
]]>
https://xtratheme.com/docs/how-to/how-to-customize-widget-styling-individually-a-step-by-step-guide/feed/ 0
How to Enable Footer Widgets on Your Website? https://xtratheme.com/docs/how-to/how-to-enable-footer-widgets-on-your-website/ https://xtratheme.com/docs/how-to/how-to-enable-footer-widgets-on-your-website/#respond Sun, 09 Jun 2024 10:06:30 +0000 https://xtratheme.com/docs/?p=2357

Description and Steps

Step 1
Part01

How to enable footer widgets layout?

Go to Theme Options > Footer > Footer Widgets you can find and set footer widgets layout number of columns.

  1. Columns – There is 21 different layouts for footer widgets area.
  2. Styling – You can customize any part of footer widgets styling, colors, background, etc.
Footer widgets
Part02

How to add widgets to footer?

Go to Dashboard > Appearance > Widgets you can find and add widgets into sidebars.

  1. Widgets – List of available widgets that you can use in sidebars.
  2. Sidebars – List of available footer widgets area that you can add widgets inside them.
Footer widgets layout
Tips

You may want to know …

  • Custom Content – If you want to add custom page content as footer widget, you can create a page and add your content then publish it. From Appearance > Widgets you can find and add custom content widget.
]]>
https://xtratheme.com/docs/how-to/how-to-enable-footer-widgets-on-your-website/feed/ 0
How to Enable Sidebars and Widgets on Your Website? https://xtratheme.com/docs/how-to/how-to-enable-sidebars-and-widgets/ https://xtratheme.com/docs/how-to/how-to-enable-sidebars-and-widgets/#respond Sun, 09 Jun 2024 08:43:17 +0000 https://xtratheme.com/docs/?p=2346

Description and Steps

Step 1
Part01

How to Enable or Change Sidebar Position?

Generally sidebar is disabled for all custom pages and only posts and taxonomy pages affect following options. Under Theme Options > General > Layout you can find and enable sidebar position.

  1. General > Layout – Location of general sidebar position option.
  2. Sidebar Position Option – Showing you default selected option.
  3. Available Sidebar Positions – List of sidebar positions that you can choose.
Sidebar options
Part02

How to Enable Sidebar only for posts?

If you wish only enable sidebar on posts archive and single posts, first make sure your general sidebar option is disabled. Under Theme Options > General > Layout you can find and disable general sidebar position then go to Theme Options > Blog > Blog Settings and find Sidebar option and enable it.

Part03

How to add Widgets to sidebars?

Go to Dashboard > Appearance > Widgets you can find and add widgets into sidebars.

  1. Widgets – List of available widgets that you can use in sidebars.
  2. Sidebars – List of available sidebars that you can move and add widgets inside them.
  3. Adding Widget – Move a widget from left side to one of sidebars in right side
Widgets
Part04

How to enable sidebar on specific page?

Go to Dashboard > Pages and find your page then edit it in backend. Each page have different sidebar settings, you can edit your page in backend and from page meta settings you can find and change that page sidebar settings.

  1. General Settings – Scroll down to see page general settings tab.
  2. Sidebar – Sidebar option and list of available sidebar positions.
  3. Sidebar Name – After you set sidebar position you can change sidebar name from list.
Page sidebar settings
Tips

You may want to know …

  • Search Page – From Theme Options > Blog > Search Settings you can find sidebar option for search page and change it.

  • Design – From Theme Options > General > Colors and Styles you can find and customize sidebar and widgets styling.
Sidebar stylekit
]]>
https://xtratheme.com/docs/how-to/how-to-enable-sidebars-and-widgets/feed/ 0
How to fix Price filter widget doesn’t display in sidebar? https://xtratheme.com/docs/how-to/how-to-fix-price-filter-widget-doesnt-display-in-sidebar/ https://xtratheme.com/docs/how-to/how-to-fix-price-filter-widget-doesnt-display-in-sidebar/#respond Mon, 03 Jun 2024 17:04:40 +0000 https://xtratheme.com/docs/?p=3261

Solution

Step 1
Step01

On some imports and installs the WooCommerce price filter widget doesn’t appear correctly in the shop sidebars. Good news, there is an easy fix.

Go to WooCommerce > Status > Tools and click the following buttons:

  1. WooCommerce transients > Clear transients
  2. Expired transients > Clear transients
  3. Product lookup tables > Regenerate
]]>
https://xtratheme.com/docs/how-to/how-to-fix-price-filter-widget-doesnt-display-in-sidebar/feed/ 0