AccessDatabase

I would be interested in finding out how to do this also.

Dear Mr Osborne,

Many thanks for your response. I will try out your suggestion.

Kind Regards,

Franc Sutherland.

Hi Bethany,

The Add To Cart buttons don’t ‘fire’. The functionality that doesn’t work is a pop up form with an email field and a tickbox for a Mailchimp sign-up for zero-value purchases (Free Downloads) which bypasses the normal CheckOut process. Without these extensions the buttons would take the user through to the checkout for a zero-value purchase which is not ideal and a bit confusing.

Unfortunately, with the AMP plugin activated alongside these EDD extensions, nothing happens when you click the button to ‘purchase’ the free download.

Let me know if you need any further information.

Is this the sort of thing you are after for the validation errors (see below)?

Thanks,
Franc.

Information

    AMP does not allow the use of JS <script> tags unless they are for loading AMP components, which are added automatically by the AMP plugin. For any page to be served as AMP, all invalid script tags must be removed from the page. Instead of custom or third-party JS, please consider using AMP components and functionality such as amp-bind and actions and events (as opposed to JS event handler attributes like onclick). Some custom JS can be added if encapsulated in the amp-script. Learn more about how AMP works.

    If all invalid markup is “removed” the page will be served as AMP. However, the impact that the removal has on the page must be assessed to determine if the result is acceptable. If any invalid markup is “kept” then the page will not be served as AMP.
Error code
    DISALLOWED_TAG
Invalid markup
    <script … > 
Element attributes
    type	text/javascript	
    id	edd-free-downloads-js-extra	
Element name
    script 
Parent element
    body 
Text content

    /* <![CDATA[ */
    var edd_free_downloads_vars = {"close_button":"box","user_registration":"false","require_name":"false","download_loading":"Please Wait... ","download_label":"Download","modal_download_label":"Please email me the link for the spreadsheet","has_ajax":"1","ajaxurl":"https:\/\/www.workingdata.co.uk\/wp-admin\/admin-ajax.php","mobile_url":"\/how-to-flag-late-payments\/?amp_validate=7cb8bc1e7f9b62dce707c706f765d995&amp_cache_bust=3912259430&edd-free-download=true","form_class":"edd_purchase_submit_wrapper","bypass_logged_in":"false","is_download":"false","edd_is_mobile":"","success_page":"https:\/\/www.workingdata.co.uk\/checkout\/purchase-confirmation\/","guest_checkout_disabled":"","email_verification":"","on_complete_handler":"default","on_complete_delay":"2000"};
    /* ]]> */

Sources
#1 	Type: 	Core
Name: 	wp-includes	
Function: 	wp_print_footer_scripts()
Action: 	wp_footer (priority 20)
Location: 	script-loader.php:1981
#2 	Type: 	Core
Name: 	wp-includes	
Function: 	_wp_footer_scripts()
Action: 	wp_print_footer_scripts (priority 10)
Location: 	script-loader.php:1971
#3 	Type: 	Plugin
Name: 	Easy Digital Downloads - Free Downloads (edd-free-downloads)
Function: 	edd_free_downloads_scripts()
Action: 	wp_enqueue_scripts (priority 10)
Inline Type: 	wp_localize_script( "edd-free-downloads", … )
Inline Text: 	
Enqueued Script: 	edd-free-downloads
Location: 	includes/scripts.php:20
#4 	Type: 	Core
Name: 	wp-includes	
Function: 	wp_enqueue_scripts()
Action: 	wp_head (priority 1)
Inline Type: 	wp_localize_script( "edd-free-downloads", … )
Inline Text: 	
Enqueued Script: 	edd-free-downloads
Location: 	script-loader.php:1998

Hi @poonam9,

I’m afraid we have had to go with another option as we could no longer wait. Thanks for your efforts. If we have the chance in the future to re-investigate this possibility, I will get back in touch.

Hi @bvytis,
The style from the child theme doesn’t appear to be applied, instead it is the minified version of the parent theme which is applied.
Does that answer your question?
Thanks!

Hi @bvytis,

Thanks for replying. Unfortunately the same problem was occurring where the css was being pulled from the parent theme’s minified css rather than the un-minified css in the child theme style.css.

Hi @aynex. I think the 496px is calculated by the masonry functionality which is the javascript part controlling the layout of the footer. (If anyone can correct this, please do!).
I want to find out where the masonry calculations are done so that I can change the constants used so that the columns are closer together.
Does anyone know how to do this?

Hi Keress,
Would you mind sharing your code?

Hi all,
I am trying to alter the widget widths in the footer of a child theme based on twentythirteen. I have four widgets in Main Widget Area and none in the Secondary Widget Area. At resolution 1024×768 the Masonry javascript function is not placing all four widgets in a row although there is room for them, it is taking the fourth and placing it below the third. I would like to place them all in a row by either amending the widget widths, margins or padding. I am not familiar enough with Javascript to see what settings to change for that. I think I have tracked down the function in functions.js responsible.

/**
	 * Arranges footer widgets vertically.
	 */
	if ( $.isFunction( $.fn.masonry ) ) {
		var columnWidth = body.is( '.sidebar' ) ? 228 : 245;

		$( '#secondary .widget-area' ).masonry( {
			itemSelector: '.widget',
			columnWidth: columnWidth,
			gutterWidth: 20,
			isRTL: body.is( '.rtl' )
		} );
	}

Can anyone tell me how to set the widths, margins and paddings for the widgets?
Many thanks,
Franc.

Hi Paul,
Thanks for getting back to me and sorry about the delay in responding.
Can you tell me if I am reading the function correctly? Is the 228:245 a range of allowed widths? How does that function read in normal language?
Thanks again,
Franc.

Hi Stacy, Thanks for replying. I’m making my own Child Theme. It isn’t online at the moment, I’m setting it up locally using XAMPP.

Hi Paul, Thanks for replying. I’ve found the part in functions.js you were referring to:

/**
	 * Arranges footer widgets vertically.
	 */
	if ( $.isFunction( $.fn.masonry ) ) {
		var columnWidth = body.is( '.sidebar' ) ? 228 : 245;

		$( '#secondary .widget-area' ).masonry( {
			itemSelector: '.widget',
			columnWidth: columnWidth,
			gutterWidth: 20,
			isRTL: body.is( '.rtl' )
		} );
	}

– How do I dequeue this version and enqueue my own child version?
– I’m not too sure how to read this function. Is the 228:245 a range of widths? Is it possible to replace these with percentages instead? I have four widgets in the footer and would like them in a horizontal row, but with the current settings the fourth one is placed below the third (at my screen resolution) but there is room for them to be in a row.

Thanks again!

Excellent, that worked a treat.
Many thanks!

Sorry, forgot to add that I am trying to do this by editing header.php in a child theme of twentythirteen. Any help would be greatly appreciated!!