jchrusty

Hi again,

I have now set an ID for my header and use the code desribed in the article.

The progress bar now works. But the sidebar summary won’t. There is a little moment, when I scroll up there is the the sidbar sticky. Maybe for 5px. But the it scroll up.

This is the code I have used:

function fluidcheckout_change_sticky_elements_relative_header( $attributes ) {
// Bail if using the plugin's header and footer
   	if ( FluidCheckout_Steps::instance()->get_hide_site_header_footer_at_checkout() ) {
		return $attributes;
	}

	$attributes['data-sticky-relative-to'] = '#jr_global_header';

    return $attributes;
}

add_filter( 'fc_checkout_progress_bar_attributes', 'fluidcheckout_change_sticky_elements_relative_header', 30 );
add_filter( 'fc_checkout_sidebar_attributes', 'fluidcheckout_change_sticky_elements_relative_header', 30 );

I have made a short video

Short Video

Any suggestions?

Best regards

Hi,

thank you for your response. I read this article and have still problems. It seems that there is no element with an ID, but only classes.

I use the Divi heme Builder get an global header for all sites and so also for the checkout page.

Best regards

Danke für Ihre Rückmeldung!

Den Hinweis habe ich gerade entfernt, da ich jetzt gesehen habe, dass die Seite im Wartungsmodus ist. Das konnte ich nicht sehen, da der direkte Link erlaubt ist. Hier fehlt dann aber noch Impressum und Datenschutzerkl?rung. Ist leider auch für eine Wartungsseite notwendig. Ich m?chte gerade einen Shop für eine Künstlerin aussetzen und qu?le mich durch die Rechtsvorschriften. Bin auch noch Divi und WordPress Anf?nger.

Bei mir konnte ich übrigens die doppelte Meldung ausschalten, indem ich den Grundpreis ausschalte, den ich nicht ben?tige. Wer wei? warum.

Mit der Priorit?t 5 ist der Hinweis zwar nur einmal, erscheint aber dafür bei mir über dem Preis.

Herzliche Grü?e

Hallo,

ich habe das gleiche Problem. Wie konnten Sie es l?sen?

Herzliche Grü?e

• This reply was modified 3 years, 1 month ago by jchrusty.

Hi,

thank you, this switch do most of the job. But I understand now your hint, because now the table 6. Platzierte Cookies lokks not so fine.

Ist it possible to say only for the CSS classes you have posted to get the theme styles. I don’t want two places for the same css style.

Another way is to define only the css for the table.

What Do you think?

Best regards

• This reply was modified 3 years, 2 months ago by jchrusty.

Hi,

eigentlich gerne mit Javasript, falls das überhaupt m?glich ist. Ansonsten verdrahte ich es doch hart.

Beste Grü?e

Vielen Dank für die Antwort.

Sch?n, dass es ein Update dafür geben wird.

Wahrscheinlich habe ich mich unklar ausgedrückz. Im Backend von WordPress, kann ich einen Text für den Kleinunternehmerhinweis hinterlegen. Auf den würde ich gerne zugreifen, um ihn an passender Stelle mit einzubinden. Dann muss ich diesen Text nicht hart verdrahten.

Im n?chsten Schritt würde ich dem Element eine Klasse zuweisen, damit man es per CSS anpassen kann.

Herzliche Grü?e

Hello,

thank you for your response.

I have made the following setups with germanized.

I do not need to get VAT, because of german Kleinunternehmerregelung / small business

Germanized Setup 1

Therefore I setup that there is no VAT and delivery notice at a single product page

Germanized Setup 2

With OceanWP it will be displayed nevertheless. Also at product lists pages

single product page with OceanWP

With Storefront it will be not displayed
single product page with storefront

Hope this helps.

Best regards

Hallo,

ich habe mal zwei Screenshots gemacht um zu verdeutlichen was ich meine.

In der Kasse erscheint der Hinweis über beide Spalten der kleinen übersichtstabelle (colspan=2):

Screenshot Kasse

Auf der Warenkorbseite erscheint der Hinweis nur in der rechten Spalte der kleinen übersichtstabelle. Hier habe ich mal beide Varianten für die Hooks verwendet. Es erscheint hier auch immer eine Linie über dem Hinweis. Diesen gibt es im Kassenbereich nicht.

Screenshot Warenkorb

Es w?re sch?n, wenn es im Warenkorb auch über beide Spalten geht. Ich wei? allerdings nicht, wie dies mit meinen Mitteln anpassbar ist.

Herzliche Grü?e

• This reply was modified 3 years, 2 months ago by jchrusty.

Hallo,

vielen Dank. Das hat leider nicht den gewünschten Effekt gebracht. Der Text ist einfach dann etwas h?her und wird rechtsbündig formatiert ausgegeben. Da gef?llt mir die vorhergehende Version besser.

Dann freue ich mich auf die n?chste Version.

Herzliche Grü?e

Vielen Dank,

das ist eine Verbesserung.

Im Kassenbereich wird der Hinweis jedoch in der Tabelle unterhalb des Gesamtpreises über beide Spalten angezeigt.

Im Seitenquelltext sieht die Kassenseite so aus:

<table class="shop_table woocommerce-checkout-review-order-table">

...

	<tr class="order-total">
		<th>Gesamtsumme</th>
		<td><strong><span class="woocommerce-Price-amount amount"><bdi>180,00&nbsp;<span class="woocommerce-Price-currencySymbol">&euro;</span></bdi></span></strong> </td>
	</tr>

	<tr class="order-total">
		<td colspan="2">
			<div class="wc-gzd-additional-wrapper">
    			<p class="wc-gzd-additional-info small-business-info">Alle Preise sind Endpreise ohne Mehrwertsteuerauszeichnung, da Kleinunternehmer nach §19 (1) UStG.</p>
			</div>
		</td>
	</tr>
	</tfoot>
</table>

Auf der Warenkorbseite sieht die entsprechende Stelle so aus:

...

table cellspacing="0" class="shop_table shop_table_responsive">

		<tr class="order-total">
			<th>Gesamtsumme</th>
			<td data-title="Gesamtsumme"><strong><span class="woocommerce-Price-amount amount"><bdi>180,00&nbsp;<span class="woocommerce-Price-currencySymbol">&euro;</span></bdi></span></strong> </td>
		</tr>

		
	</table>

	<div class="wc-proceed-to-checkout">
		
<div class="wc-gzd-additional-wrapper">
    <p class="wc-gzd-additional-info small-business-info">
		Alle Preise sind Endpreise ohne Mehrwertsteuerauszeichnung, da Kleinunternehmer nach §19 (1) UStG.    </p>
</div>

Ist es m?glich, das auf die gleiche Weise zu formatieren wie auf der Kassenseite, also dass der Hinweis innerhalb der entsprechenden Tablle erscheint, so wie das von Euch auf der Kassenseite gel?st wurde?

Herzliche Grü?e

Hallo,

vielen Dank für die Antwort. Dann stelle ich die Frage anders.

Ich m?chte gerne den Kleinunternehmrhinweis, wie auf der Kassenseite vor dem Button haben. Also auf der Warenkorbseite vor dem Button “Weiter zur Kasse”. Ist das m?glich? Warum werden auf den Seiten, die Hinweise an verschiedenen Orten angezeigt?

Herzliche Grü?e

Thanky you for your reply,

It seems more diffcult than I need to do.

I would like to add some CSS in the Additional/Custom CSS Section in the theme

I have added for example

/* inter-100 - latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/inter-v7-latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/inter-v7-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/inter-v7-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/inter-v7-latin-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/inter-v7-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/inter-v7-latin-100.svg#Inter') format('svg'); /* Legacy iOS */
}

But the problem is, that the system did not find the path. Can you tell me in which directory the additional/custom css is loaded.
I have created the directory fonts-directory in the wordpress-directory.

Best regards

Jason

In addition:

Can you tell me what font is

https://fonts.gstatic.com/s/inter/v7/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZ9hiA.woff2

Best regards

Jason