single – XTRA Tutorials https://xtratheme.com/docs Documentation of XTRA WordPress Theme Sun, 23 Feb 2025 10:03:23 +0000 en-US hourly 1 https://wordpress.org/?v=6.8.2 Theme Options: Woo Product Settings https://xtratheme.com/docs/theme-options/theme-options-woo-product-settings/ https://xtratheme.com/docs/theme-options/theme-options-woo-product-settings/#respond Thu, 27 Jun 2024 12:00:18 +0000 https://xtratheme.com/docs/?p=2023

Description and Screenshot

Step 1
XTRA

WooCommerce Single Product settings

Under Theme Options > WooCommerce Pro > Products Styling you can find and customize design of your WooCommerce shop products archive pages. You can customize any parts images, title, add to cart button, quick view and wishlist, sale, price, and etc.

  1. Sidebar – You can change sidebar position on all single product page
  2. Related Products – Choose related products section number of columns and Products
  3. Disable Features – You can enable or disable some of important product features
  4. Product Tabs – Choose product page tabs from 3 types, Left, Center or Vertical
Theme options woo single settings
Tips

You may want to know …

  • Sidebar Widgets – From Theme Options > Widgets you can add or remove product page widgets or go to Appearance > Widgets
]]>
https://xtratheme.com/docs/theme-options/theme-options-woo-product-settings/feed/ 0
Theme Options: Portfolio Single Settings https://xtratheme.com/docs/theme-options/theme-options-portfolio-single-settings/ https://xtratheme.com/docs/theme-options/theme-options-portfolio-single-settings/#respond Thu, 27 Jun 2024 09:08:16 +0000 https://xtratheme.com/docs/?p=1994

Description and Screenshot

Step 1
XTRA

Portfolio Single settings

Under Theme Options > Portfolio > Portfolio Single Settings you can find and manage your portfolio single post settings.

  1. Single Parts – Manage portfolio single post parts image, date, tags, etc.
  2. Previous Post Sur Title – Translation of the previous post sur title
  3. Next Post Sur Title – Translation of the next post sur title
  4. Related Posts – Number of posts for related portfolio items section
  5. Related Columns – Number of columns for related portfolio items
  6. Related Title – Section title for related portfolio items section
Theme options portfolio single settings 1
Theme options portfolio single settings 2
Tips

You may want to know …

  • Related Posts Grid – For e.g. you can set related posts count to 9 and set related columns to 3 columns to have a grid related posts section.
]]>
https://xtratheme.com/docs/theme-options/theme-options-portfolio-single-settings/feed/ 0
Theme Options: Blog Single Styling https://xtratheme.com/docs/theme-options/theme-options-blog-single-styling/ https://xtratheme.com/docs/theme-options/theme-options-blog-single-styling/#respond Thu, 27 Jun 2024 07:19:47 +0000 https://xtratheme.com/docs/?p=1951

Description and Screenshot

Step 1
XTRA

Blog Single Styling settings

Under Theme Options > Blog > Single Styling you can find and manage your blog single post styling, next and previous posts styling, Related posts and comments styling.

  1. Single Post Styling – Customize single post parts styling image, title, meta and icons.
  2. Next & Previous Posts – Customize Icon, Title and Subtitles of next & previous
  3. Related Posts and Comments – Customize design of related posts and comments
Theme options blog single styling
Theme options blog single styling 2
Tips

You may want to know …

  • Enable/Disable Features – If you can’t see or find some parts of single post, then go to Theme Options > Blog > Single Settings and enable them
]]>
https://xtratheme.com/docs/theme-options/theme-options-blog-single-styling/feed/ 0
Theme Options: Blog Single Settings https://xtratheme.com/docs/theme-options/theme-options-blog-single-settings/ https://xtratheme.com/docs/theme-options/theme-options-blog-single-settings/#respond Thu, 27 Jun 2024 07:00:44 +0000 https://xtratheme.com/docs/?p=1942

Description and Screenshot

Step 1
XTRA

Blog Single settings

Under Theme Options > Blog > Single Settings you can find and manage your blog single post settings, sidebar position, translations, meta settings, etc..

  1. Sidebar – You can choose sidebar position for all single posts
  2. Single Post – Manage single post parts, image, date, categories, etc.
  3. Prev Post Sur Title – Translation of the previous post item sur title
  4. Next Post Sur Title – Translation of the next post item sur title
  5. Related Posts – Set number of related posts section after single post
  6. Related Columns – Related posts section number of columns
  7. No Comment title – Translation of comments when there is no comments
  8. Comment Title – Translation of comments section title when it does 1 comment
  9. Comments Title – Translation of comments section when it does more than 1 comment
Theme options blog single settings 1
Theme options blog single settings 2
Tips

You may want to know …

  • Related Posts Grid – For e.g. you can set related posts count to 9 and set related columns to 3 columns to have a grid related posts section
]]>
https://xtratheme.com/docs/theme-options/theme-options-blog-single-settings/feed/ 0
Element: Image https://xtratheme.com/docs/page-builder/element-image/ https://xtratheme.com/docs/page-builder/element-image/#respond Mon, 17 Jun 2024 07:55:56 +0000 https://xtratheme.com/docs/?p=1517

Video Tutorial

Description and Screenshot

Step 1

Add single image everywhere you want in your website and upload your own image. Image element also supports tooltip and caption with custom StyleKits.

Image
  • Image – Upload your own image
  • Image Size – You can add custom image size, suitable for resizing image on the fly
  • Image opacity – You can set custom opacity percentage for current image
  • Image Position – Available positions are inline | left | center | right | block
  • Custom Width – This custom size will re-scale image for fit to new size
  • Link – Lightbox or The URL where the link from the button leads to
  • Image Styling – Image container styling background, border, shadow, etc.
  • Background layer – Custom background shape with offset to out sides of container
  • Hover Image – If you want to have different image on hover then upload your image
  • Hover opacity – You can set custom opacity percentage for current hover image
  • Hover effect – Add custom CSS effect when image wants to change to hover image
  • Tooltip – Tooltip above image on mouse hover, Only allows string
  • Tooltip Styling – Tooltip styling background, color, border, etc.
  • Advanced tab – Responsive, Animation, Parallax, etc.
]]>
https://xtratheme.com/docs/page-builder/element-image/feed/ 0
codevz/single/after_author_box https://xtratheme.com/docs/developer/codevz-single-after_author_box/ https://xtratheme.com/docs/developer/codevz-single-after_author_box/#respond Sun, 16 Jun 2024 11:28:24 +0000 https://xtratheme.com/docs/?p=2892

Example code

Step 1
XTRA

Using WordPress action add content or PHP codes

In the following example you can see how to add content or PHP codes after single post pages after author box section.

XTRA

How and where should I add this PHP codes?

Best solution is to add custom actions and filters in Child Theme functions.php file. But also you can create your own plugin and use this codes in your plugin.

]]>
https://xtratheme.com/docs/developer/codevz-single-after_author_box/feed/ 0
codevz/single/after_next_prev https://xtratheme.com/docs/developer/codevz-single-after_next_prev/ https://xtratheme.com/docs/developer/codevz-single-after_next_prev/#respond Sun, 16 Jun 2024 11:15:43 +0000 https://xtratheme.com/docs/?p=2889

Example code

Step 1
XTRA

Using WordPress action add content or PHP codes

In the following example you can see how to add content or PHP codes after single post pages after next and previous posts section.

XTRA

How and where should I add this PHP codes?

Best solution is to add custom actions and filters in Child Theme functions.php file. But also you can create your own plugin and use this codes in your plugin.

]]>
https://xtratheme.com/docs/developer/codevz-single-after_next_prev/feed/ 0
codevz/single/before_meta https://xtratheme.com/docs/developer/codevz-single-before_meta/ https://xtratheme.com/docs/developer/codevz-single-before_meta/#respond Sun, 16 Jun 2024 10:42:10 +0000 https://xtratheme.com/docs/?p=2874

Example code

Step 1
XTRA

Using WordPress action add content or PHP codes

In the following example you can see how to add content or PHP codes before any posts meta in single post page.

XTRA

How and where should I add this PHP codes?

Best solution is to add custom actions and filters in Child Theme functions.php file. But also you can create your own plugin and use this codes in your plugin.

]]>
https://xtratheme.com/docs/developer/codevz-single-before_meta/feed/ 0
codevz/single/featured_image https://xtratheme.com/docs/developer/codevz-single-featured_image/ https://xtratheme.com/docs/developer/codevz-single-featured_image/#respond Wed, 12 Jun 2024 10:44:29 +0000 https://xtratheme.com/docs/?p=2822

Example code

Step 1
XTRA

Modify single post featured image and post format HTML

In the following example you can see how to add attribute to the featured image.

XTRA

How and where should I add this PHP codes?

Best solution is to add custom actions and filters in Child Theme functions.php file. But also you can create your own plugin and use this codes in your plugin.

]]>
https://xtratheme.com/docs/developer/codevz-single-featured_image/feed/ 0