exstheme

Hello, dear @eriz !

Thanks for using the ExS theme!
Our theme contains special CSS styles for managing #wpadminbar for the different screen resolutions. We have tested it once again on the small screens recently and there is no overlapping as we can see.

Can you please provide a screenshot with your issue?
Looking forward to your reply.

Thank you!

Hello, dear @joashrajin

I really did not expect for such attention from the Automattic team!
It is very nice to have such fast and good feedback to our issues.

P.S. You should ask for the free license for the ExS PRO theme for developer and debugging purposes. Please note me if it will be needed in the future.

Thank you and best regards!

UPDATE:
https://github.com/woocommerce/woocommerce-gutenberg-products-block/issues/4690#issuecomment-914377895

• This reply was modified 3 years, 6 months ago by exstheme.

Hello, @stuartduff

I don’t think that culprit is a right term for this situation because we use a standard documented Gutenberg feature to extend any block and your blocks does not support extending via ‘blocks.registerBlockType‘ filter, so the ExS theme just make your issue visible to us.

Many thanks for @mubiesam for his patience and bug reports.

Best regards!

By the way, maybe this will help some one else.
Here is my fixed code with ugly additional IF statement to fix this issue:

hooks.addFilter(
  'blocks.registerBlockType',
  'exs/animation/animation-attributes',
  function(settings, name) {
    if(
      'woocommerce/product-category'===name
      ||
      'woocommerce/products-by-attribute'===name
      ||
      'woocommerce/product-categories'===name
      ||
      'woocommerce/product-tag'===name
      ||
      'woocommerce/product-top-rated'===name
      ||
      'woocommerce/product-on-sale'===name
      ||
      'woocommerce/product-new'===name
      ||
      'woocommerce/product-best-sellers'===name
      ||
      'woocommerce/handpicked-products'===name
    )

    {
      return settings;
    }

    //check if object exists for old Gutenberg version compatibility
    if(typeof settings.attributes !== 'undefined'){
      settings.attributes = lodash.assign( {}, settings.attributes, {
        animation: {
          type: 'string',
          default: '',
        }
      });
    }
    return settings;
  }
);

• This reply was modified 3 years, 6 months ago by exstheme.

Hello!

I’m an author of the ExS theme.

We’re using a Gutenberg Hook:

...
hooks.addFilter('blocks.registerBlockType',
...

to extend any Gutenberg block so user could add an animation class for it.

But I found that products grid block attributes are hardcoded without any filter here:

wp-content/plugins/woocommerce/packages/woocommerce-blocks/src/BlockTypes/AbstractProductGrid.php

in the protected function get_block_type_attributes.

It would be great if developers could add a custom attributes with some filter for default block attributes.

I have found that ‘Error loading block: Invalid parameter(s) attributes‘ is a pretty common error with server side rendering blocks and it would be a great to find a global solution for this issue.

Best regards!

We’re always glad to help!

Hello! Thanks for your interest to the ExS theme.
Box layout is implemented as one of predefined CSS skins in the PRO version.
However you can easily create it in a free version with a small CSS snippet that you can add in your theme Customizer -> Additional CSS section:

body{
	background-color: #fafafa;
}

#box{
	max-width: 1400px;
	margin: 0 auto;
	background-color: #ffffff;
	box-shadow: 0 0 100px 0 rgba(100, 100, 100, 0.15);
}

@media screen and (max-width: 1420px) {
	#box{
		margin-left: 15px;
		margin-right: 15px;
	}
}

Hope this helps.

Best regards!

We have recently released a new version with new widget area in the Footer Top section.
Please test it.

Best regards!

We will try to add a ‘Top footer section’ sidebar with widget area in the next theme update. I guess this will help you to achieve your goal.

Please try to add a following CSS code in your Customizer->Additional CSS section:

#footer-top {
	display:none;
}
.single #footer-top {
	display:block;
}

Best regards!

This is very specific use case.
It will be much easier to hide this section via CSS and show it only in the specific category.

WordPress is printing all of the CSS classes to do that.

Can you please send your URL and I will provide a really simple CSS code that you can use in your Customizer -> Additional CSS section.

Best regards!

Hello, Sam!

Thanks for your question!

There is no widget area at the Top Footer section at the moment so there is nothing to control.
Can you please provide an example of layout that you want to achieve?

Hello!
Thanks for using the ExS theme.

Sorry for delay with answer, there was no e-mail notification for some reason.

Please try to put following code to the end of your ‘functions.php’ file:

function exs_read_more_markup_excerpt() {
		global $post;
		$exs_markup = ' <span class="more-tag"><a class="more-link" target="_blank" href="' .
		esc_url( get_permalink( $post->ID ) ) . '">' .
		exs_read_more_inside_link_markup() .
		'</a></span><!-- .more-tag -->';

		return $exs_markup;
	}

But please note that this is not very good user experience since you stay on the same domain when you clicking on the ‘Read More’ link.

Hello, Sam!
Thanks for your kind words! ??

And thank you for helping us to improve our theme to make it better!

Best regards!

Hello, Katrin!

We love to create a fastest WordPress themes as we believe that any information should be delivered very fast.

We also love when our customers are think the same as we do!

Thank you!