PHP 8.0 and 8.1 Autoload not working

And now filter button went away!?

Ok:

all pages is all woo pages but no outside of woo

All shop pages is only the top level shop page but in fx a subcategory?

Wow ….. It filters category boxes also and actually sets filters to where I am in the hierarchy…. I am super impressed. This is such a brilliant browser feature WOOOW. I can’t believe this THannnnnnk youoo

Hello Hebhansen,

Unfortunately we seem to be in too faraway time zones for a proper dialogue, but judging by your last comment, you have found the well-hidden annasta categories/subcategories display option. Yes, it actually takes into account the categories counts as well, but may need a bit of CSS adjustment. I suppose we should finally get to writing a tutorial or 2! :))

The Force wrapper reload is not required to get enabled for the categories display to work. In fact, it’s not required for anything to work, it’s just an option that makes AJAX work a bit smoother in some themes with non-standard markup.

You seem to have found it already, so just to confirm: yes the “Filters” button gets enabled only on the actual filterable pages (shop / any WooCommerce taxonomy archive / pages with [products] shortcode registered as filterable)

Where have you read about the Customizer deprecation?

I thought you are in Chechia… I’m in Denmark, so sort of same time…

for block themes Widgets, Customize section and Menus will enventually vanish.

menus you manage in the nab block.

widgets and sidebars are built within a template. Everything inside customize is for blockthemes designed inside the block editor, such as Color, padding, margin, icons, drop shadow and what have we. Moving Annasta in that direction is probably smart .

I will get back with more question for filters , i’m sure ??

I am currently writing from the south of Europe, so indeed, not the time zones, but a simple active hours difference then! :))

The blocks can indeed duplicate the Customizer styling options, but I don’t think that it means that the Customizer itself will get deprecated, not in the near future anyway!

I generally agree with you on the convenience of the blocks format holding both the functional and the styling component, but unfortunately the issue of transferring the existing code into blocks is a really big obstacle, so yeah.. maybe one day we’ll get to re-writing the whole thing from the scratch!

South of Europe sure sounds warmer … I can understand you sun tan during day and filter during night ??

I am a bit confused where filter resides. Does it have own page, does it have own template or is it a hidden integral in Woo and only woo…

if I add shortcode, i guess filter shows and all products. Does shortcode have item limit. Fx 4 items.

Customizer stays for some time. I guess number of installs decides.

Blocks: You already have a block. So you are under way ?? maybe look at the transition as a bit fixed, a little more etc. Point is that the function works well under a block theme. So it’s a matter of moving valves and knobs into a block.

maybe design Template Part horizontal and Template Part vertical. Let each filter be its own block inside template part. That will give more flex on the layout.

Hello ,

South of Europe sure sounds warmer …

That’s the idea! Even if the tan part is not exactly feasible at the moment, it’s still definitely better than I would imagine Denmark at this time of the year :))

I am a bit confused where filter resides. Does it have own page, does it have own template or is it a hidden integral in Woo and only woo…

The filters HTML gets auto-generated based on the current user settings by the PHP code, on-the-fly, using WordPress and WooCommerce hooks and functions.

..if I add shortcode, i guess filter shows and all products. Does shortcode have item limit. Fx 4 items.

Are we talking about the WooCommerce [products] shortcode? It does have the limit parameter which controls the number of products displayed per page (with paginate set to true). For example:

[products paginate=true columns=4 limit=8]

.. will give you a paginated products list with 4 columns, displaying 8 products per page. If you wish to make this filterable, you need to register the page on which you put this shortcode in the Shortcodes pages multi-select of the annasta Filters > Plugin settings admin section.

..maybe design Template Part horizontal and Template Part vertical. Let each filter be its own block inside template part. That will give more flex on the layout.

Unfortunately, like I tried to explain before, a full-scale transfer of presets and filters into blocks requires the complete plugin code re-write.. but have you checked the Layout preset setting?

Ooohhh

categories completely collapse on mobile. The oneliner in left column completely forces categories into no space. No stacking and no scaling… ?????

Good morning Hebhansen,

I have checked, and you are right, there doesn’t exist any basic provision for the responsive behavior of the categories/subcategories lists. Try adding this in annasta Filters > Style settings > Custom CSS:

ul.awf-product-categories {
  clear: both;
  padding: 0;
}

@media (max-width: 768px) {
  ul.awf-product-categories li.product-category,
  ul.awf-product-categories li.product-category.last {
    margin: 0 5% 0 0;
    width: 42.5%;
  }
  
  ul.awf-product-categories li.product-category:first-child {
    margin-left: 5%;
  }
}

@media (max-width: 400px) {
  ul.awf-product-categories li.product-category,
  ul.awf-product-categories li.product-category.last {
    width: 90%;
  }
}

Nice CSS. I added to Child theme.

Tablet width: Top 2 cats center nicely, the following are off. I believe the first 2 are aligned with products, however, the cats that are off, stays off in relation to prod.

Mobile width: Same behaviour. Again number of products txt belongs with products IMHO. So if it can go below categories somehow, I can play with margin top/bottom to increase the relation to products….

Is there a way to to move “Showing 1-36 of 75” down below cats and above products. It doesn’t really relate to categories, but rather to product findings, so a bit misleading right there. Can I somehow make that line an H3 or do I grab the class/id and style this line?

I have social shares at bottom of page, but somehow Anastaa wraps around. Filter above and everything else below, see image above…

Do you know if there is a way to remove Woo Heading from everywhere. I have placed heading inside my header as overlay and wish to be concistent about that across my site. But woo locked the heading within their templates for no flexibility.

I played with css a bit

/**** Category Grid Container ****/
.product-category {
position: relative !important;
margin: -3px 1px !important;
}

/**** Category Grid Title ****/
.woocommerce-loop-category__title {
position: absolute !important;
bottom: -5px !important;
left: 10px !important;
color: white !important;
font-size: 2rem !important;
display: flex !important;
flex-wrap: nowrap !important;
font-weight: thin !important;
letter-spacing: 0.1rem !important;
}

I am trying to get Category grid container to 100% width but it wont:

.awf-product-categories {
width: 100% !important;
}

Hebhansen,

Try changing the previous CSS that I gave you to this:

ul.awf-product-categories {
  clear: both;
  padding: 0;
}

@media (max-width: 768px) {
  ul.awf-product-categories li.product-category,
  ul.awf-product-categories li.product-category.last,
  ul.awf-product-categories.columns-3 li.product-category,
  ul.awf-product-categories.columns-4 li.product-category,
  ul.awf-product-categories.columns-5 li.product-category,
  ul.awf-product-categories.columns-6 li.product-category {
    margin: 0 2% 0 0;
    width: 49%;
  }
  
  ul.awf-product-categories li.product-category:nth-child(even) {
    margin-right: 0;
  }
}

@media (max-width: 400px) {
  ul.awf-product-categories li.product-category,
  ul.awf-product-categories li.product-category.last,
  ul.awf-product-categories.columns-3 li.product-category,
  ul.awf-product-categories.columns-4 li.product-category,
  ul.awf-product-categories.columns-5 li.product-category,
  ul.awf-product-categories.columns-6 li.product-category {
    margin: 0;
    width: 100%;
  }
}

Unfortunately, there is no way to universally fine-tune it to any theme even better (make the same amount of columns as your particular theme assigns to the product lists on smaller screens etc.), but this is a basic way to make things responsive.

Speaking of the page position of your Product categories / subcategories list, it is actually dictated by the Priority setting of the Add to product list template element. To move the list as far up as possible, try setting its priority to 0 (1, 5 …).

To style the products count message, use its class for the custom CSS rules.

I have social shares at bottom of page, but somehow Anastaa wraps around. Filter above and everything else below, see image above…

The above would also need custom CSS adjustments.

Do you know if there is a way to remove Woo Heading from everywhere. I have placed heading inside my header as overlay and wish to be concistent about that across my site. But woo locked the heading within their templates for no flexibility.

Have you tried annasta Filters > Remove from product list template > Shop title? If that doesn’t get through to your theme’s hooks, then you will need to dig into the code to see if it’s possible to remove the heading, or once again, use a custom CSS rule to hide it.

I altered margins to almost 0px, in other words more space for category container. How can I get this to fill 100%. Left to right margin… They float left and wift smaller margins they slide further left. Just accept my margins and then take up 100% width.

/*** Clears Category Section ***/
ul.awf-product-categories {
clear: both;
padding: 0;
width: 100%
}

Tablet and Mobile also slides to left and not center full width.

Hebhansen,

Unfortunately there is no way to give a general recommendation about your particular situation without looking at the page HTML structure and CSS. Any container is influenced by its surroundings as well as its own CSS. I am sure it’s very easy to fix, just ask your developer to look into the matter.

Merry Christmas!