Plugin compatibility

[twanniemangion]

Hi there

Firstly, thanks for previous help.

We're currently experiencing some compatibility issues between Rubino and two plugins that we would really like to use. They are:

• Yith Gift Cards
• WooCommerce MultiStep Checkout

We know that these aren't issues with the plugins because they are both working fine on the stock WP templates (2015, 2016, 2017 etc) - which I have tested on our test site.

For Yith Gift Cards, the options and product template do not appear on the product page. You can see that this is the case here: https://www.potandposy.com.au/product/gift-cards whereas this is working on our test site: https://potandpo.managedwp.com.au/product/gift-card

The gift cards themselves work. I can set up manual gift cards that are usable on the site. It is just that the product can't actually be set up completely and purchased.

For WooCommerce MultiStep the problem lies in how the checkout steps appear. The required boxes to be filled in either fall outside the page parameters or move during the completion process, or when the browser is re-sized. Again, this works without any problems on the stock wp templates. We'd like to use this plugin because it gives a more user-friendly checkout experience.

Can I also ask that the Ultimate Addons for Visual Composer be updated to the latest version. The one installed some versions old now and there have been a few security updates in particular since. I'm still on the version that cam with the original Rubino release.

I am going to give access to both our normal site and our testing site in the next post.

Thanks and looking forward to any help you can give.

 

Add New Note to this Reply

[twanniemangion]

This reply has been marked as private.

Add New Note to this Reply

[tinhbeng]

Hi,

- You go to the single product -> set "Product data: Gift card" and set the options for it.

http://prntscr.com/hekgcj

- You need to set the "Single Product Layout" is "Default" (not use Product Block).

http://prntscr.com/hekgky

http://prntscr.com/hekgtp

- If you want to use Product Block to build "Single Product Layout", you need to create a shortcode to display the options of Gift card product.

Note:

- I have checked the plugin AAA and found that it used Hook "'woocommerce_single_product_summary'" to display on the single product page.

- If you use Product Block to build "Single product layout", the options of "Gift Card" are not displayed because they directly call the function without using Hook "'woocommerce_single_product_summary'".

 

Best regards,

Add New Note to this Reply

[twanniemangion]

Hi tinhberg

Thanks for your help in setting up the next product block. I've been able to use it and it works well for the gift cards (I've left that as the default product block and then select an alternative for other non-gift card  products).

I however have another problem that has come up with the lats update. It's a problem that seems to come up with every update. The menu block font isn't correct and the logo is also the wrong size. This definitely happens on Firefox and Safari but not Chrome (these are on mac, but last time it happened it also happened on Windows). One additional problem that is new is that on some pages, including the Cart and Checkout, the title background image isn't loading. See attachment for all problems seen together. Changes to the overlay colour for the title image also do not work.

I was also wondering if you had any update on whether the issues with the Multistep Checkout plugin could be addressed?

Thanks again for your help.

Add New Note to this Reply

[tinhbeng]

Hi,

- The menu font: If you use the caching server for CSS, please remove it. I tried to change the "Menu Font" option (Raleway) and "Save Change", later I go to the "custom-style.css" file -> Menu Font saved (http://prntscr.com/hlt4ic)

But when I reloading the browser, the menu font remains the same value.

http://prntscr.com/hlt7or

- The tile background image: You go to Them Options -> Page -> Page Title Background Overlay Color -> checkbox "Transparent".

Thanks.

 

Add New Note to this Reply

[tinhbeng]

Hi,

- Plugin "WooCommerce MultiStep Checkout":

You try to add these lines to Custom CSS or the "style.css" of Child Theme:

.checkout .wizard .content.clearfix {

padding: 0!important;

}

Hope it helps!.

Thanks.

Add New Note to this Reply

[twanniemangion]

Thanks tinhbeng

The clearfix worked to an extent but some of the form remained hidden (though accessible) so I added 'overflow: auto'. For non-mobile phone browsers, however, this creates a scroll within the form table rather than fitting all the form in the table. If you know a fix for this that would be great.

Another thing is the drop-down lists for the 'Resident Types' on both the billing and recipient sections. They act very differently depending on the browser. Most of the time they don't fill the width of the form even though they are meant to. Is there a fix for this too?

The last thing is about the menu font and the menu logo. I've deactivated and removed the css caching but this problem has persisted across all browsers. This was a problem that had come up in the last theme update as well.

Thanks again for your help

Add New Note to this Reply

[tinhbeng]

Hi,

- You can change overflow: auto; -> overflow-y: auto;

Another thing is the drop-down lists for the 'Resident Types' on both the billing and recipient sections. They act very differently depending on the browser. Most of the time they don't fill the width of the form even though they are meant to. Is there a fix for this too?

You can send me a screenshot to clarify.

- Menu font: Maybe your hosting has supported the cache file. Please check again.

(I tried to remove the "custom-style.css" but this file still load on your site -> You are using the cache somewhere)

Best regards,

 

Add New Note to this Reply

[twanniemangion]

Hi again, sorry for the delay. Just very caught up recently.

First regarding the font, I was able to find the culprit - caching in Cloudflare. Sorry about the hassle. I was able to then clear the 'custom-style.css' file and all sorted out.

I've attached a screenshot and small video of the other issue discussed.

Thanks

Add New Note to this Reply

[tinhbeng]

Hi,

You can add these lines to Custom CSS or the "style.css" file of Child Theme:

.select2.select2-container {

width: 100%!important;

}

Thanks.

Add New Note to this Reply

[twanniemangion]

Thanks for your help again. Regarding the clearfix for the checkout page, changing 'overflow: auto;' to 'overflow-y: auto;' didn't do anything unfortunately. I've noticed that there is a height style in

- the height value changes as the size of the browser page changes. If I change the value to 100% in the browser Inspect Element options, this fixes the issue, but I don't know in which file to change the value because it's under element.style

Any idea where I might go for it?

Thanks for your help

Add New Note to this Reply

[tinhbeng]

Hi,

You can go to Theme Options -> Custom CSS and add these lines:

#wizard .content {

height: 100%!important;

}

Hope it helps!.

 

Best regards.

Add New Note to this Reply

[twanniemangion]

Worked! legend!

Thanks very much 😀

Add New Note to this Reply

[Author]

Posts