My first question is : aren’t order confirmation emails supposed to be sent automatically ? Is it because of my page issue that they didn’t send ?

Then I checked the woocommerce pages, and the problematic one apparently exists (I guess it’s the order received page that is supposed to show up just after the payment and it’s called commande-re?ue in french) :

How can I make it show up as it should ? Also, how can I customize the look of those pages ?
Are they supposed to show up in the WP pages tab ? Because not all of them do. And there is this page called “Récapitulatif de commande” (in french) which basically means order summary that I cannot edit with elementor (basically only header and footer work on it, not the page itself). I suppose that’s where the problem lies.
The other pages are the cart page and checkout page which seem to work properly, even though I haven’t been able to customize them yet.
I probably did something wrong because I didn’t understand how the theme builder from elementor worked, so I need to correct that, with your help, hopefully.

And this is what popups after the payment. That’s the 404 page from a ui kit, that I didn’t customize yet :

Last question, I’d like to set up a double check for payment (the one that promps the client to check with their bank app to validate the payment) but I guess I need to see that with stripe ?

Please help Thanks in advance

Here is my code for index.js:

import React, { useState, useEffect } from 'react';
import { __ } from '@wordpress/i18n';
import { registerPaymentMethod } from '@woocommerce/blocks-registry';
import { useDispatch, useSelect } from '@wordpress/data';
import { decodeEntities } from '@wordpress/html-entities';
import { getSetting } from '@woocommerce/settings';
import { PAYMENT_STORE_KEY } from '@woocommerce/block-data'; // "wc/store/payment"
import { extensionCartUpdate } from '@woocommerce/blocks-checkout';
import { subscribe, select } from '@wordpress/data';
import { Spinner } from '@wordpress/components'; 

const settings = getSetting('payment_method_custom_data', {});
let previouslyChosenPaymentMethod = getSetting('payment_method_custom_data', {});

subscribe(function () {
	const chosenPaymentMethod = select(PAYMENT_STORE_KEY).getActivePaymentMethod();

	if (chosenPaymentMethod !== previouslyChosenPaymentMethod) {
		previouslyChosenPaymentMethod = chosenPaymentMethod;
		console.log(chosenPaymentMethod);
		extensionCartUpdate({
			namespace: 'payment_method_custom',
			data: { method: chosenPaymentMethod },
		});
	}
}, PAYMENT_STORE_KEY);


const defaultLabel = __(
	'Payment Method Custom',
	'woo-gutenberg-products-block'
);

//console.log('Payment settings:', settings);

const label = decodeEntities(settings.title) || defaultLabel;

/**
 * Content component
 */
const Content = () => {

	const [isLoading, setIsLoading] = useState(false);

	useEffect(() => {
		const fetchData = async () => {
			setIsLoading(true);
			await new Promise((resolve) => setTimeout(resolve, 4000));
			setIsLoading(false);
		};

		fetchData();
	}, []);

	return isLoading ? (
		<Spinner />
	) : (
		decodeEntities(settings.description || '')
	);
};

/**
 * Label component
 *
 */
const Label = (props) => {
	const [isLoading, setIsLoading] = useState(false);
	const { PaymentMethodLabel } = props.components;

	return (
		<div>
			{isLoading ? (
				<Spinner />
			) : (
				<PaymentMethodLabel text={label} />
			)}
		</div>
	);
};

const paymentMethod = {
	name: "payment_method_custom",
	label: <Label />,
	content: <Content />,
	edit: <Content />,
	canMakePayment: () => true,
	paymentMethodId: 'payment_method_custom',
	ariaLabel: label,
	supports: {
		features: settings.supports,
	},
};

registerPaymentMethod(paymentMethod);

I have following problem: when language is set on English (which is secondary language) and you press “Place order” in the checkout page, it automatically redirects to Thank you page but its in Georgian Language which is First language. why its happening. I could not find reason for it. Can you help me? if lang is ENG Order Summary page (thank you page) should be English right?

1. prices are set without VAT
2. prices are displayed correctly
3. the summary of the price for the quantity of goods is correct
4. the VAT amount now appears as 0, previously it showed this amount
   5 the total amount of the order does not match the value (it is given with VAT, which is displayed in the order as 0)
   What should I change to make it work as before, giving me the price per piece without tax, separate tax and a summary price with tax + possible delivery cost in the email?
   Regards
   Polos2a

• Attribute Name: Variation Name – $0.00

The correct attribute and variation names are shown but the price is displayed as zero even tho there is a price with each variation and it shows the correct price in the Order Summary.

I hope this is enough info… can anyone tell me what I’m doing wrong?

So the quantity is set to 0 in the WooCommerce > Order summary, but the user ordered and purchased the product (as seen in the total costs)

Anyone else having these issues?

Most other payment gateways show this information and the integration guide at https://help.posinabox.eu/docs/ecomm_verofy_guide mentions values for this.

Please can you add this functionality to improve the customer experience.

last week topic:
Too small order summary by miragurbalova

Solution given by the user:
@media (min-width: 1000px) {
body.woocommerce-checkout:not(.has-checkout-must-login-notice) .fc-checkout-header ~ .woocommerce-error,
body.woocommerce-checkout:not(.has-checkout-must-login-notice) .fc-checkout-header ~ .woocommerce-info,
body.woocommerce-checkout:not(.has-checkout-must-login-notice) .fc-checkout-header ~ .woocommerce-message,
body.woocommerce-checkout:not(.has-checkout-must-login-notice) .fc-checkout-notices,
body.woocommerce-checkout:not(.has-checkout-must-login-notice) .fc-inside,
body.woocommerce-checkout:not(.has-checkout-must-login-notice) .fc-progress-bar,
body.woocommerce-checkout:not(.has-checkout-must-login-notice) .woocommerce-NoticeGroup {
width: 52.5%;
}
form.woocommerce-checkout.checkout .woocommerce-checkout-review-order {
flex: 0 0 50%;
max-width: 100%;
}

@media (min-width: 1000px) {
body.woocommerce-checkout .fc-sidebar {
z-index: 2;
width: 42.5%;
}
form.woocommerce-checkout.checkout .woocommerce-checkout-review-order {
flex: 0 0 50%;
max-width: 100%;
}`