Hi,
Thank you for the login, I’m not sure why this was not working on your site, but I did notice that your category page was different than my default version, probably due to one of your plugins.
Anyways I adjusted my approach with a new function in your PHP snippets plugin, I left the old one disabled and you can delete it.
So the first improvement for this one is that it checks the category page for the ID “search-fail” which is only found on empty category pages, if found it injects the shortcode that gets the category description, so you don’t need to add the shortcode on the pages and then remove it once you add products to the category later.
But you need to add your html table without line breaks, you will see what I mean when you check the back end of the two pages I adjusted for you:
https://diyjewellery.com/bails/bails-attached/bails-attached-gold/
https://diyjewellery.com/bails/bails-glue-on/bails-glue-on-gold/
Also note that for these two page you didn’t add an image url just img src="#" so no images are showing in the table right now.

This is the function I added

function archive_description_callback() {
	$term_object = get_queried_object();
	$archive_description = $term_object->description;
	echo '<div class="container archive-description">'.$archive_description.'</div>';
    return $output;
}
add_shortcode( 'archive_description_shortcode', 'archive_description_callback' );
function add_archive_description_shortcode() { ?>
    <script>
  (function($){	
      var short_code = '<?php echo do_shortcode("[archive_description_shortcode]"); ?>';
	  if ($('#top.archive.tax-product_cat .entry-content-wrapper').attr("id") == "search-fail") {
      $(short_code).insertBefore( ".container_wrap_first" );
	  }
  })(jQuery);
  </script>
    <?php
  }
  add_action('wp_footer', 'add_archive_description_shortcode');

Best regards,
Mike

Hi,
Thanks for the feedback, I tested my first solution again on my test site and achieve this:

I wanted to check that I didn’t leave a step out, so please include an admin login in the Private Content area so I can examine your site closer.

Have you removed the custom archive-product.php template in your child theme, from the original solution above, as this is not a factor of the shortcode solution?
Also is the woocommerce/templates/archive-product.php file from the original solution above, in it’s original state, without any modifications?

Best regards,
Mike

Hi,
Thanks for your patience, as I understand your request you have added a html table to your category Description and you want it to show when there are no products in that category, I was not able to get the above solution to work on my test site, but I was able to create a shortcode that you can add to empty categories to show your custom description:

Try adding this code to the end of your functions.php file in Appearance ▸ Editor:

function archive_description_callback() {
	$term_object = get_queried_object();
	$archive_description = $term_object->description;
	echo '<div class="container archive-description">'.$archive_description.'</div>';
    return $output;
}
add_shortcode( 'archive_description_shortcode', 'archive_description_callback' );
function remove_archive_description_shortcode() { ?>
  <script>
(function($){
$('.archive-description').contents().filter(function() {
  return this.nodeType == 3
}).each(function(){
  this.textContent = this.textContent.replace('[archive_description_shortcode]','');
});
})(jQuery);
</script>
  <?php
}
add_action('wp_footer', 'remove_archive_description_shortcode');

and add this shortcode to the category Description [archive_description_shortcode]
and this is the result:

Perhaps this will help.

As a side note I had originally thought that you wanted to show the category full width banner, and I found that this shows without and modifications:

the results:

In the process I stumbled on to this solution for just showing the category image without the description when using the default Category Styling and not the full width banner:

use this shortcode: [banner_image_shortcode]
This code to the end of your functions.php file in Appearance ▸ Editor:

function banner_image_callback() {
	ob_start();
	avia_woocommerce_overview_banner_image();
	$banner_image = ob_get_clean();
	echo '<div class="container">'.$banner_image.'</div>';
    return $output;
}
add_shortcode( 'banner_image_shortcode', 'banner_image_callback' );

for this result:

Best regards,
Mike

Hi,
Thanks for the login to your site, on your /service-center/ page in your screenshot above I found that the wrong color showing (a bright blue) was the default browser user agent color, so no setting seemed to be applied from the Enfold Theme Options ▸ Advanced Styling
When I added the color and font size to your child theme stylesheet in your current .av-main-nav > li > a rule:

.av-main-nav > li > a {
    line-height: 35px!important;
    height: 35px!important;
	color: #00315c;
	font-size: 17px; 
  }

it worked correctly, so this points to your child theme stylesheet working but not the theme Enfold Theme Options ▸ Advanced Styling
I see in your WordPress ▸ Dashboard ▸ Tools ▸ Site Health ▸ Info ▸ Server both of your PHP memory limit & Max input time are negative values:

typically I would expect to see positive values:

So from your post above it sounds like everything was working fine until recently, so did you just update to PHP v8, if so it looks like the PHP setting are not the same for your previously PHP version, probably 7.4 and the new v8 on your server, try going back to v7.4 to test, and if that works try adjusting them to match.
If you didn’t change the PHP version since the error, then did you make any changes with the better search replace plugin and then noticed the error? This plugin is very powerful and can make serious unexpected changes, and has no fall back option.
If this is true, do you have a pre plugin server backup? You might need to use it to correct, I’m not sure.
If you don’t have a backup then you could add the css needed to correct your menu in your child theme stylesheet and not rely on the Enfold Theme Options ▸ Advanced Styling options.
I have not seen a case of the Advanced Styling not working and I don’t see any related errors?

Best regards,
Mike

Hi,
Thanks for the login to your site, what web host are you using?
I see in your WordPress ▸ Dashboard ▸ Tools ▸ Site Health ▸ Info ▸ Server you have a negative number: Max input time -1, typically this is set to a positive 180.

This makes me think that you are using OVH hosting which disables the PHP set_time_limit() function on their sites. If you are not using OVH hosting please ask your web host to change the Max input time to 180.
I also note that it looks like your web host is deferring the javascript loading before the theme, because the javascript options are not showing in the Enfold Theme Options ▸ Performance ▸ Change WordPress Defaults, these are the options you have:

this is what you should see:

Please ask your web host to enable the WordPress defaults for jQuery.
After correcting these two server issues try importing the demo again.
If this still doesn’t work then try the manual import as in our documentation

Best regards,
Mike

Hi,
Thanks for your question, in order to make your heading rows span across multiple columns the table would use the colspan attribute, unfortunately, the Enfold table element doesn’t offer this feature and considering that you are also looking for advanced fixed columns and rows when scrolling I would recommend looking for a table plugin that offers these features.
I did find a stackoverflow example: Set colspan dynamically with jQuery to use as a base to try this with our table element, but please note that it will not work for the mobile table view.
The script works by removing the empty cells and adding the colspan attribute to the first cell with text, also the very first cell is ignored.

the result:

If you want to try this add this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function custom_colspan_script() { ?>
  <script>
window.addEventListener('DOMContentLoaded', function() {
(function($){
   $('#colspantest .avia-heading-row').each(function() {
    var tr = this;
    var counter = 0;
    var strLookupText = '';
    $('th', tr).each(function(index, value) {
      var th = jQuery(this);

      if ((th.text() == strLookupText) || (th.text() == "")) {
        counter++;
        th.prev().attr('colSpan', '' + parseInt(counter + 1,10) + '').css({textAlign : 'center'});
        th.remove();
      }
      else {
        counter = 0;
      }
      strLookupText = th.text();
    });
  });
})(jQuery);
});
</script>
  <?php
}
add_action('wp_footer', 'custom_colspan_script');

and add the custom ID colspantest to the table element

Best regards,
Mike

Hi again Arantza,

// https://kriesi.at/support/topic/search-results-page-6/#post-1358427

As we mentioned in the thread above, you have to edit the template files manually but this time look for the archives.php file. Unfortunately, it is not possible to modify the archive (category, tag) pages using the page editors.

Best regards,
Ismael

Hey hostworks,
Thank you for the link to your site but the login is not working please check.
I see that you are using Enfold v4.9.2.1, please try updating to v5.0.1 and ensure your PHP is at least v7.4
Have you tried disabling all of your plugins? Can we disable them in our tests?

Best regards,
Mike

Hey profumopuntoit,

Thank you for the inquiry.

Looks like the WP Cerber Security (wp-cerber) plugin is trying to access the searchform.php via the error404.php page based on these stack error traces.

#1 /www/buyandsellambergris_814/public/wp-content/themes/enfold/includes/error404.php(17): get_search_form()
#6 /www/buyandsellambergris_814/public/wp-content/plugins/wp-cerber/cerber-load.php(4635): include(‘/www/buyandsell…’)
#7 /www/buyandsellambergris_814/public/wp-content/plugins/wp-cerber/cerber-load.php(2448): cerber_404_page()
#8 /www/buyandsellambergris_814/public/wp-content/plugins/wp-cerber/cerber-load.php(2411): cerber_access_control()

Did you run any task from the wp-cerber plugin prior to the issue?

Best regards,
Ismael

Hey WPStyling2020,

Thank you for the inquiry.

You can redeclare the whole avia_newsbox class directly in the child theme’s functions.php file or in a separate file inside the child theme directory to override the default class.

Example:

<?php
namespace aviaFramework\widgets;

use WP_Query;

/**
 * CUSTOM AVIA NEWSBOX
 *
 * Widget that creates a list of latest news entries
 *
 * @package AviaFramework
 * @since ???
 * @since 4.9			Code was moved from class-framework-widgets.php
 */
if( ! defined( 'AVIA_FW' ) ) {  exit( 'No direct script access allowed' );  }

class avia_newsbox extends \aviaFramework\widgets\base\Avia_Widget
{
    // the rest of the code
}
?>

Best regards,
Ismael

Hey qhsedirectory,
Thanks for the link to your page, currently you have an error showing at the top of your page above your menu:

/** Add your own functions here. You can also copy some of the theme functions into this file. * WordPress will use those functions instead of the original functions then.*/

this is the text in your child theme functions.php, please try removing any changes that you have made to correct.

As for hiding and showing the header when a specific place on the page is in view, I tested on an example page containing many columns with text blocks, and for one text block I added a custom class waypoint-trigger:

this “trigger” element is down a ways on the page so it is not in view on the page load:

then I added this css in the Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.waypoint-hide {
  position: fixed !important;
  top: -100px;
  width: 100%;
  z-index: 999;
  opacity: 0;
  background: #fff;
  transition: 0.3s all;
  box-shadow: 0 2px 3px rgba(0,0,0,0.15);
}

.waypoint-show {
  top: 0;
  opacity: 1;
  transition: 0.3s all;
}

and this code in the child theme functions.php file in WordPress ▸ Appearance ▸ Editor:

function custom_waypoint_trigger_script() { ?>
  <script>
window.addEventListener('DOMContentLoaded', function() {
(function($){
  var $header = $('#header_main');
  var $things = $('.waypoint-trigger');
  $things.waypoint(function(direction) {
    if (direction === 'down') {
       $header.addClass('waypoint-hide');
       $header.removeClass('waypoint-show');
    }
    if (direction === 'up') {
       $header.addClass('waypoint-show');
       $header.removeClass('waypoint-hide');
    }
  }, {
    offset: '95%'
  });
})(jQuery);
});
</script>
  <?php
}
add_action('wp_footer', 'custom_waypoint_trigger_script');

Note in the script the “offset” is 95%, this will trigger when the element is just in view, you can adjust to suit, such as 50% for when the element is in the middle of the page.
Please give this a try, I linked to my example page below.

Best regards,
Mike

Hey woogie07,
The errors such as /public_html/wp-includes/l10n.php on line 1049 etc, are pointing to path declares in WordPress, I believe this is related to your console error: Uncaught ReferenceError: wp is not defined typically this is from the the “Load Javascript deferred” setting in WP Rocket, or the Async Javascript plugin, or autoptimize.
Please check if you have any plugins that are deferring javascript or if you are using the option Enfold Theme Options ▸ Performance ▸ Load jQuery in your footer with another plugin.
You also have another error Uncaught SyntaxError: Unexpected token ';' but I can’t see where it’s coming from because your javascript is merged with Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression
If you can’t find what is deferring your javascript then include an admin login in the Private Content area so we can investigate.

Best regards,
Mike

Hi,

If the new code is supposed to be added to the header section of your site, then you can try to add it in the Analytics box as well. You could also add it using a function:

function woogie07_custom_header_code(){
?>
YOUR SCRIPT GOES HERE
<?php
}
add_action('wp_head', 'woogie07_custom_header_code');

Best regards,
Rikard

Hi,
I see that you are using a custom header.php in your child theme with this function to achieve to apply the preloader only on the homepage (page-id-47):

if(is_page(47)) $preloader	= avia_get_option('preloader') == "preloader" ? 'av-preloader-active av-preloader-enabled' : 'av-preloader-disabled';

to add the translated homepage to this you would add the page ID (page-id-424) like this:

if(is_page(47) || is_page(424)) $preloader	= avia_get_option('preloader') == "preloader" ? 'av-preloader-active av-preloader-enabled' : 'av-preloader-disabled';

I did this for you and it is working please check.

Best regards,
Mike