bathroo

ah, only works on non variations. I’ve needed to change your pisol-product-page-shipping-calculator-woocommerce-public.js to get it working properly.

I have rewritten your class-product-page.php to only calculate the product on the product page only, not what is in the cart as well as what’s on the product page ??

Works but when page loads I can see the content:"Processing.....";

Is there a ay to hide this on on page load?

Also worth noting it doesn’t really impact load time either.

It would be great to integrate it into Sitegrounds optimisation thou ??

Thanks Afterpay team. it works. Afterpay is great to have on the website.

Suggest others in the Woocommeerce community use the fix.

so awesome. works, thank you!

Do I need to buy the plugin or can I test it on the free version please?

ok, I’ll roll back the changes and see if it works. I also played with your plugin on the test site. It’s good and what I need. I’ll buy it then if I have to change the code still I will.

It also works now properly when breaking to mobile view

Ok, I needed to change the code to make it work properly. I’ve changed the get_html_select class to:

	private static function get_html_select($name, $field, $section, $value){
		$props = self::prepare_field_props($field, $name, $value);
		$placeholder = $field->get_property('placeholder');

		$input_html = '<select style="width: 75%; max-width: 260px;" '.$props.' >';
		$input_html .= $placeholder ? '<option value="">'. esc_attr__($placeholder, 'woo-extra-product-options') .'</option>' : '';
		foreach($field->get_property('options') as $option_key => $option_text){
			$selected = ($option_text === $value) ? 'selected' : '';
			$input_html .= '<option value="'.esc_attr($option_text).'" '.$selected.'>'.esc_attr__($option_text, 'woo-extra-product-options').'</option>';
		}
		$input_html .= '</select>';

		$html = self::prepare_field_html_input($field, $section, $input_html);
		return $html;
	}

ad also changes your prepare field to

	private static function prepare_field_html_input($field, $section, $input_html){
		$html = '';
		if($input_html){
			$field_type = $field->get_property('type');
			//echo $field_type;
			
			$title_position = $field->get_property('title_position');
			$wrapper_class  = THWEPOF_Utils::convert_cssclass_string($field->get_property('cssclass'));
			
			$title_cell_with = $section->get_property('title_cell_with');
			$field_cell_with = $section->get_property('field_cell_with');
			
			$title_cell_css = $title_cell_with ? 'width:'. esc_attr($title_cell_with) .';' : '';
			$field_cell_css = $field_cell_with ? 'width:'. esc_attr($field_cell_with).';' : '';
			
			$title_cell_css = $title_cell_css ? 'style="'.$title_cell_css.'"' : '';
			$field_cell_css = $field_cell_css ? 'style="'.$field_cell_css.'"' : '';
			
			$title_html  = self::get_title_html($field);
			//$title_html .= self::get_required_html($field);
						
			if($field_type === 'hidden'){
				$html .= '<label class="'. esc_attr($wrapper_class) .'" >';
				$html .= $input_html;
				$html .= '</label>';

			}else{
				$html .= '<tr class="'. esc_attr($wrapper_class) .'" >';

				if($field_type === 'checkbox'){
					$html .= '<td class="value" colspan="2">'. $input_html .' '. $title_html .'</td>';

				}else if($field_type === 'heading' || $field_type === 'paragraph'){
					$html .= '<td colspan="2">'. $input_html .'</td>';

				}else{
					if($title_position === 'above'){
						$html .= '<td colspan="2" class="label abovefield">'. $title_html .'<br/>'. $input_html .'</td>';
					}else{
						//$html .= '<td class="label leftside" '.$title_cell_css.'>'. $title_html .'</td>';
						$html .= '<th class="label cell" style="padding: 0px 50px 0px 0px;" '.$title_cell_css.'>'. $title_html .'</th>';

						$html .= '<td class="value cell" '.$field_cell_css.'>'. $input_html .'</td>';
						//$html .= '<td class="value leftside" '.$field_cell_css.'>'. $input_html .'</td>';
					}
				}

				$html .= '</tr>';
			}
		}	
		return $html;
	}

The changes so far have at least made it look the same and work with this theme.

Is there anything wrong with the changes made apart from hardcoding some styling attributes? I understand that ay updates would overwrite these changes?

Hello @themehigh?

• This reply was modified 2 years, 11 months ago by bathroo.

Hi @rainfallnixfig , ok I’ll try the product addons now.

Hmm, 100 million variations seem like a stretch.

There are so many other articles out there and on StackOverflow where people are solving this variation issue.

I have other businesses running Magento and Prestashop which don’t have these issues but I wanted to try something new. WordPress is better at SEO. I still refuse to use Shopify. I’m an engineer by trade and like having (relative) control.

That said, the product add ons plugin you recommend has really bad reviews. I’ll try it and see what happens.

See, if this business didn’t have so many variations I’d be cheering with Woocommerce.

I added the CSS. It seems we are close but still not full aligned, please help!!

The label is not aligned to the other Select labels and when in Mobile view. The label does not move to the top and the select box moves under it. Please help!!

I really like this plugin better than the other but I can’t consider purchasing it unless I can get it styled correctly!! please help!!

Oh yes, and for the people who said it’s a hosting issue. It’s not. I test it. I deployed the same site into a t3a.2xlarge and also tried it on a C4 AWS instance and it’s still the same slowness.