David Jensen

Hi @niobaie

I added a new faq section on the plugin page which provides a couple sample CSS solutions for handling the animation in/out of the modal. Hopefully this helps or at least gets you started

Alright here is a snippet to modify the SVG path. May need to adjust according to your SVG width and height however:

add_filter( 'render_block_cloudcatch/light-modal-block', function ( $block_content ) {
	$processor = WP_HTML_Processor::create_fragment( $block_content );

	// The new SVG path for the close icon.
	$close_icon_path = 'M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z';

	while ( $processor->next_tag( 'button' ) ) {
		if ( ! $processor->has_class( 'wp-block-cloudcatch-light-modal-block__close' ) ) {
			continue;
		}

		while ( $processor->next_tag( 'path' ) ) {
			$processor->set_attribute( 'd', $close_icon_path );
			break;
		}

		break;
	}

	return $processor->get_updated_html();
} );

Hi @celinedamonte

Can you try this conditional statement instead (checking role instead of capabilities)

if ( is_user_logged_in() && in_array( 'trade-resale', (array) wp_get_current_user()->roles, true ) )

I think the shortcode is a great idea, will consider that for a future release!

You can drop individual WooCommerce product blocks inside each slide yes, but this Carousel block does not behave like a query loop if you are looking for a query carousel.

Hi @spiritsynaesthetic

When you click the modal icon, to reveal all modals on page, and then click a modal to edit, can you then switch back to the document / block settings by clicking the icon next to Publish / Update to then reveal the settings? Ideally how I would like it to behave, is upon clicking edit modal from that sidebar, it automatically opens the settings, but I couldn’t figure a way to do that in the past. I can take a look again, but you said you modified the code directly, I would be interested to see your approach and perhaps we get that merged into the plugin. Here is the Github repo:

https://github.com/CloudCatch/light-modal-block

I like your suggestion, but I’ll have to find a hook or similar to trigger opening the settings panel, as i mentioned above I did not know how to do that but if you do I would appreciate you sharing, I’ll also look into it again as it’s been a while.

thanks for the feedback!

@jd9737 Could you define the following in wp-config.php on a staging environment to output the PDF as HTML, and troubleshoot potential CSS affecting the PDF?

define( 'WC_CART_PDF_DEBUG', true );

After defining that, generate a PDF and inspect the HTML for any CSS that might be distorting the image.

Hi @enriqueeds

It looks like you might be using the new WooCommerce Cart Blocks. If that is the case, you will want to edit your cart page, and should see the Cart Block. This should be a normal page but it could also be within the Full Site Editor under Appearance > Editor.

On that screen, edit the cart block, and underneath the proceed to checkout button, add a new block, and search for the “Cart PDF Button” block. Add that block and drag it where you would like it to live.

You may also see that [wc_cart_pdf_button] shortcode which you can remove from the block editor.

Let me know if this helps or not

@jongerius Does the snippet plugin let you specify whether the PHP runs on frontend/backend/everywhere? If so try everywhere. You could also try increasing the priority the hook runs by changing the 10 value in the code snippets, e.g.:

add_filter( 'wc_cart_pdf_modal_email_subject', function( $subject, $customer ) {
    return 'Here is your custom cart PDF!';
}, 500, 2 );