[JeffCl]

Hey Tomatillo

Thanks for that, much appreciated.

Jeff

[JeffCl]

Hi Victor,

Thanks for your advice, I may well do that.

But given my hosting is in the USA, and it also has issues with the GFW at times, it would be good to be able to enqueue from China for Chinese users.

Jeff

[JeffCl]

Dear Penguinsuit

You sir, are a gent. That is very very much appreciated.

Jeff

[JeffCl]

Hi Sridar,

Thanks very much for that help, and the link, very useful. I should really have been using specific css for my menus and submenus.

A small problem I'm having now, after altering the css as above, is that when the Submenu appears, the left half renders first then the right half a second later.

Is there anyway to remedy this?

Thanks again.

[JeffCl]

OnTheGoSystems emailed me this morning to let me know that the Genesis Connect plugin has been fixed so that it now works properly with WPML, as such it has been added to their list of compatible plugins.

[JeffCl]

A kind fellow has offered a suggestion to fix this problem. I haven't tested it yet, but if anyone else has come across the problem it may be of use to them.

From Nick:

It sounds like Genesis Connect may be missing the template for product categories, which could cause issues with WPML if it loads a custom template for translated pages.

You can try the following as a workaround:

Copy the contents of the file at wp-content/plugins/genesis-connect-woocommerce/templates/taxonomy.php to your clipboard.
Create a new folder at wp-content/themes/your-theme/woocommerce/ if it does not exist already.
Create a file in the woocommerce folder called taxonomy-product_cat.php, and paste the contents of the taxonomy.php file that you copied in step 1.
Save your changes and then visit your translated product category page.
You should find that the Genesis Connect layout is then applied to both your original product category page and the translated one.

https://wordpress.org/support/topic/wpml-compatibility-issue-changing-tags?replies=3#post-8058557

[JeffCl]

WPML Support have managed to replicate the problem in a duplicate of my site in their test environment and identified the problem as being cause by the Genesis Connect Woocommerce plugin and WPML.

The incompatibility happens when the "Genesis Connect for WooCommerce" plugin is enabled. This plugin change the tags between the original and the translated version. On the other pages (like the About page, it works correctly).

After some of my pages are translated, the 2nd version of those pages is using the older xhtml genesis markup, WPML are contacting the plugin author to see if the incompatibility can be resolved.

In the meantime my stop-gap solution of creating a #content css class seems to be working fine.

I will create another forum post with a more appropriate title to help others who may be encountering a similar problem, and post to the connect plugin's support page.

[JeffCl]

@bisonbrah

I changed the amount of products showing per row, you can do it by adding a snippet to your functions.php or using a plugin:

https://docs.woothemes.com/document/change-number-of-products-per-row/
https://wordpress.org/plugins/woocommerce-product-archive-customiser/screenshots/

Then I adjusted my child-theme.css by adjusting the aforementioned css found here:

http://wpquestions.com/question/show/id/9934

My css adjusted for 3 images, dropping to 1 for iphone horizontal aspect:

body.woocommerce ul.products li.product, body.woocommerce-page ul.products li.product {margin: 0 2% 20px 2% !important; text-align:center;}

body.woocommerce ul.products li.product a img, body.woocommerce-page ul.products li.product a img{margin:5px auto 15px auto !important;display:block;max-width:95% !important;}

body.woocommerce .products .star-rating, body.woocommerce-page .products .star-rating{margin:5px auto !important;}

@media (min-width:855px){
          body.woocommerce ul.products li.product, body.woocommerce-page ul.products li.product {width: 29% !important;}
      }

@media (max-width:854px){
         body.woocommerce ul.products li.product, body.woocommerce-page ul.products li.product {width: 96% !important;}
     }

It's working as I want it (roughly), still gonna play with styling, maybe make it respond at different sizes.

@Victor Font

Thank-you kindly for your help, I have changed the load order so now my css is loading last. Your site is also full of a myriad of other useful snippets and tutorials for problems I've come across, I'm about to load my fonts locally and remove wordpress script query strings on several other sites, and see about improving their responsive menu.

The fact that you are regularly building Genesis/Woocommerce sites gives me confidence to stick with it.

[JeffCl]

The css from that link with a bit of tweaking of media queries shows rows of two products on larger screens that respond to single product rows on phone size.

Its actually still two rows of 4 that are being split, in this case into 4 rows of two. If I play with the css it will show as a row of three, then row of 1, then 3 then 1...

I am pretty sure I saw some woocommerce php snippet floating around somewhere that will alter the amount of products shown in a row, if I can find that and reduce them to 3, then I should be able to tweak this CSS to show 3 products per row on PC/Tablet, and 1 product per row on Mobile.

I haven't updated woocommerce yet, I guess I should bite the bullet...

[JeffCl]

Yeah, it's annoying but I have gotten a little bit further in the last few hours... ( I really would prefer to stick with Genesis )

Check this out:
http://wpquestions.com/question/show/id/9934

The css from that link has my store page showing two columns, but they just resize smaller for a phone screen. It's better than showing 4 and with some styling on the buttons could be workable, but still not ideal.

I've seen that there are some experienced people in this forum, so I have my fingers crossed someone more experienced can shine a light in the right direction...

[Author]

Posts