Hi again,

That’s true, our inbox was full, and we didn’t receive your response on time.
After reviewing the issue with the blocks, we confirm that they load the posts we wanted.

Thank you for your assistance!

The thing is that I want to use this option since it is available…
Is there a way to solve this?

Hello,
issue located is here:
https://wordpress.org/support/topic/wp-6-9-yoast-seo-block-editor-css-error/
Downgraded to 6.8.3 (issues as 6.9.x) with latest yoast and now its ok.
Also to mention in some cases latest yoast causes similar issues but downgrading yoast did not fix our issue.
https://wordpress.org/support/topic/yoast-seo-27-0-causes-plugin-css-not-to-load-when-using-shortcodes-regression/

Kind regards,
Alexandros S.
thank you for your support.

Hello,
we are aware of what you are mentioning but the issue remains the cart css is still incomplete as visible here: https://prnt.sc/rt54n8Jn5mfR (add remove buttons are definatelly missing css) so we would like to fix the issues.
Before applying the hotfix i mentioned i check your demos, from what i noticed they are all old and none of them (unless mistaken) has block layout … so none of these css are working.
So:
1) can one of you check the reason why this happened on our website or not?
2) please provide a wordpress demo that used block in the checkout so we can check what css files are used in specific.

Kind regards,
Alexandros S.

Hello, update:
after a lot of search and AI tools assistance we used the following funcntions that loads 2 css files that were not loading before (checkout.css,checkout-rtl.css).
We noticed that there are still some minor css issues but at least page is functional.

So please allow me to ask once more. What are the files that should load in checkout/cart with blocks and if you know what can be the issue that they dont load in our case. We dont consider the issue fixed until the cause is located and extra code is removed.

Kind regards,
Alexandros S.
Please do notify a.sklepas@webpoint.gr
thank you.

/**
* Load ONLY WooCommerce Blocks Checkout CSS on Cart / Checkout / Order Received.
* Files:
* – /wp-content/plugins/woocommerce/assets/client/blocks/checkout.css
* – /wp-content/plugins/woocommerce/assets/client/blocks/checkout-rtl.css
*/
add_action(‘wp_enqueue_scripts’, function () {

if ( is_admin() ) {
return;
}

$is_order_received = function_exists(‘is_order_received_page’)
? is_order_received_page()
: ( function_exists(‘is_wc_endpoint_url’) && is_wc_endpoint_url(‘order-received’) );

if ( ! ( is_cart() || is_checkout() || $is_order_received ) ) {
return;
}

$dir = WP_PLUGIN_DIR . ‘/woocommerce/assets/client/blocks/’;
$url = plugins_url(‘woocommerce/assets/client/blocks/’);

// LTR checkout CSS
$ltr = $dir . ‘checkout.css’;
if ( file_exists( $ltr ) ) {
wp_enqueue_style(
‘kynigesia-wc-blocks-checkout’,
$url . ‘checkout.css’,
array(),
filemtime( $ltr )
);
}

// RTL checkout CSS (only if site language is RTL)
$rtl = $dir . ‘checkout-rtl.css’;
if ( is_rtl() && file_exists( $rtl ) ) {
wp_enqueue_style(
‘kynigesia-wc-blocks-checkout-rtl’,
$url . ‘checkout-rtl.css’,
array( ‘kynigesia-wc-blocks-checkout’ ),
filemtime( $rtl )
);
}

}, 100);

Can you also please provide the file that loads the css for wc-block-checkout /cart so we can check its loaded properlly?

kind regards.

Hello,
this statement is wrong ->It appears that this situation appears only when the cart is empty and you have something in it the layout is better – https://prnt.sc/4KLP06kqVlos

about:
o what the problem could be is something related to the cache settings, please clear all cache, object cache, purge CDN, and also check when you are logged in if the situation is the same. -> already did that and disabled caching plugin, cdn confirmed disabled (it was already)

In case the situation persists, and this is a WooCommerce bug, I will recommend getting the previous plugin version from here – https://wordpress.org/plugins/woocommerce/advanced/ https://prnt.sc/hRD8Lt4wzp-l and update the plugin only after this is fixed by WooCommerce developers. -> i did enable and tested up to woocommerce.10.4.3.zip and your theme downgraded to 12.7.2.

neither of these actions solved the issue. i noticed that during the update/downgrade when tagdiv is disabled checkout shows ok as woocomerce default as a block.

i also tried to revert to old shortcode (in this way i saw the page looking good) but our payment provider only supports blocks so i changed back to blocks…

Please for your assistance.
I can send credentials for checking…

Correction in adobe type the css is loaded in all pages and works with classes so body p etc does not take priority. but we dont want the css to be loaded in all pages(uses import +parser blocking etc) only in the page we choose to have the font…

Also in adobe type code we have -> <link rel=”stylesheet” href=”https://use.typekit.net/ubz4gdu.css”&gt; and font name WarnockPro
but body, p {
font-family: Roboto;
font-size: 16px;
} css is in higher level than
.tk-warnock-pro {
font-family: “warnock-pro”, serif;
} for wexample if we place the class in cms elements.

We did fix it with the help of chatgpt.. byt adding:
dd_action(‘template_redirect’, function () {
ob_start(function ($html) {
$count = 0;

return preg_replace_callback(
‘/<span class=”entry-thumb td-thumb-css(.*?)”(.*?)>/’,
function ($matches) use (&$count) {
if ($count === 0) {
$count++;
return ‘<span class=”entry-thumb td-thumb-css skip-lazy’ . $matches[1] . ‘”‘ . $matches[2] . ‘>’;
}
return $matches[0];
},
$html
);
})

the tagdiv should have an add class to image element and add high priority image for this field (and all elements with image – depending on design) on order to be future proof. Thank you.

Hello!,I beleive we are ok!
final css:
.redbg3 > .td-element-style > .td-element-style-before {
background: #9B2A2A;
background: linear-gradient(
90deg,
rgba(155, 42, 42, 1) 0%,
rgba(221, 51, 51, 1) 50%,
rgba(105, 29, 29, 1) 93%
) !important;
}

In homepage in the row with the main banner image and the right colum in the news the background seems to be applyed two times since there is a td-element-style in the right colum as well..

i tried the css with no sucess:
.redbg3 > .td-element-style::before,
.redbg3 > .td-element-style::after {
background: #9B2A2A;
background: linear-gradient(
90deg,
rgba(155, 42, 42, 1) 0%,
rgba(221, 51, 51, 1) 50%,
rgba(105, 29, 29, 1) 93%
) !important;
}
also the gradiond options you mention dont seem to apply the effect we wish.
anyway to fix the css rule please?

I only want to set that for the elements that have the background images (svgs) that i send you. There are two rows in header / after header and one in footer(both desktop and mobile). Thank you.

• This reply was modified 1 year by gleloudas.

Hi again Calin,

It looks good now. Thanks for the help!

Hi Calin,

Sure.

Hello, yes the issue comes when we do the following steps:
1)remove the background image in the row
2) apply the class in the row (the preview may be looking good)
3) save and see the frontend. it will have empty white spaces in left and right and the background wont be 100% of the row. that is what we need to achive for each row that has a background image …

Hello, as i send you in the email the task is not remove the images we nkwo how to do it. We need to apply this custom class:
redbg3{background: #9B2A2A;
background: linear-gradient(90deg,rgba(155, 42, 42, 1) 0%, rgba(221, 51, 51, 1) 50%, rgba(105, 29, 29, 1) 93%)!important;}
but there is white in the row elements we apply it into.
Row elements should be 100% width and not in a container by the way 😉

Hello, we have send you an email, yesterday. thank you.

Hello, thank you for the suggestion.
Right now the ajax is working fine too.
What i did is to place an image directly bellow the title element but i have this element hidden… if it is there and hidden then it is working. if it is not hidden you see of course two images…
I did test and removed the hidden image then issue happened again..

Anyways thank you!

Hello solution given in my other topic here: https://forum.tagdiv.com/topic/assistance-setting-up-eshop-in-default-theme/
Solution: https://imgur.com/jROvPSA

This is the key https://imgur.com/jROvPSA
I did not see the options perhaps due to some kind of caching …
All good now thank you!

Hello, the only issue that now remains in that we see colors in black both in product and in categories (not possible to insert color code) i saw this threat and replied there:
https://forum.tagdiv.com/topic/how-do-i-change-item-colors-on-the-product-page/

We would like to know how to proceed.

B.R.
Alexandros S.

Found it after all it was in live domain theme settings all good with this.

Hello, this guide did not help much.
I set Brand attribute -> color but i see nothing.
Woo Add to Cart element shows all colors in black. can you please give more info?

Are colors setup with external plugin as i saw in another post: Variation Swatches and Photos for WooCommerce ?

br.
Alexandros S.

• This reply was modified 1 year by gleloudas.

One more question please as i dont seem to understand the setup:

i see the beautifull color /sizes in the product / category like this demo:
https://demo.tagdiv.com/newspaper_shop_kids_store/product/3-pack-toddler-girl-floral-and-polka-dots-tee-set/
I did import the kids store and i see it is working except the color / sizes that are displayed via text.
We have setup the colors for now like default woo commerce explained here: https://yithemes.com/blog/tutorials/how-to-add-color-and-size-in-woocommerce-product/

B.R.
Alexandros S.