Hi there,

we are setting up a new website using woocommerce and we have lots of products with many variations of size and colour available so we purchased Additional Variation Images plugin to help us with displaying all the different options and sizes.

we are using the ENFOLD theme.

please take a look at this product http://braandcorsetsupplies.com/product/satin-strap-elastic/ and notice when you click on different width and colours that the extra variation images below do not open in lightbox when you click on them but instead go directly to the image URL in the same browser window.

### WordPress Environment ###

Home URL: http://braandcorsetsupplies.com
Site URL: http://braandcorsetsupplies.com
WC Version: 2.5.5
Log Directory Writable: ✔
WP Version: 4.5.2
WP Multisite: –
WP Memory Limit: 256 MB
WP Debug Mode: –
Language: en_CA

### Server Environment ###

Server Info: Apache
PHP Version: 5.5.36
PHP Post Max Size: 8 MB
PHP Time Limit: 30
PHP Max Input Vars: 1000
SUHOSIN Installed: –
MySQL Version: 5.6.30
Max Upload Size: 2 MB
Default Timezone is UTC: ✔
fsockopen/cURL: ✔
SoapClient: ✔
DOMDocument: ✔
GZip: ✔
Multibyte String: ✔
Remote Post: ✔
Remote Get: ✔

### Database ###

WC Database Version: 2.5.5
: 
woocommerce_sessions: ✔
woocommerce_api_keys: ✔
woocommerce_attribute_taxonomies: ✔
woocommerce_termmeta: ✔
woocommerce_downloadable_product_permissions: ✔
woocommerce_order_items: ✔
woocommerce_order_itemmeta: ✔
woocommerce_tax_rates: ✔
woocommerce_tax_rate_locations: ✔

### Active Plugins (7) ###

Jetpack by WordPress.com: by Automattic – 4.0.3
TinyMCE Advanced: by Andrew Ozz – 4.3.10.1
WooCommerce Additional Variation Images: by WooThemes – 1.7.3
WooCommerce Variation Swatches and Photos: by Lucas Stark – 2.1.4
WooCommerce: by WooThemes – 2.5.5
WooThemes Helper: by WooThemes – 1.6.2
Yoast SEO Premium: by Team Yoast – 3.3.1

### Settings ###

Force SSL: –
Currency: CAD ($)
Currency Position: left
Thousand Separator: ,
Decimal Separator: .
Number of Decimals: 2

### API ###

API Enabled: ✔
API Version: 3.1.0

### WC Pages ###

Shop Base: #93 - /shop/
Cart: #94 - /cart/
Checkout: #95 - /checkout/
My Account: #96 - /my-account/

### Taxonomies ###

Product Types: external (external)
grouped (grouped)
simple (simple)
variable (variable)

### Theme ###

Name: Enfold Child by ENBertussi
Version: 1.0.0
Author URL: http://bertussi.ca/
Child Theme: ✔
Parent Theme Name: Enfold
Parent Theme Version: 3.6.1
Parent Theme Author URL: http://kriesi.at
WooCommerce Support: ✔

### Templates ###

Overrides: –

Hey Basislis, Andy, et al,

I have noticed some other issues with the Grid Row Back grounds not behaving like colour box backgrounds..

It seems they do not respond to screen resolution of large screens either..

see attached.

Is there some quick css I can add to fix the lack of responsiveness on gridrow backgrands with large screens..

I love the GridRow but we need to find out when/if this screen resolution issue will be settled and fixed, because it is not working reliably on mobile device responsiveness and resolution detection or on large screens either…

it basically only works reliably on HD aka 1920 x 1080.

thanks for any help you can give me

ENB..//

Hi Ismael,

1)
this all started with one of our clients (they are all on enfold) showing me http://www.gshock.com/gsteel where it works perfect on mobile.

2)
a- the models that seems to have issues are iphone 4s and iphone 6s attached are two screen shots from a 6S

b- it seems to be working on android devices, albeit somewhat buggy as the video in your second link discusses..

=== sooo, I am hoping that maybe we can use the ‘fixed’ for desktop versions of the website, where it makes it look super duper sexy, but allow to scroll on mobile?

what do you think? is this something we can do with a tiny bit of css in the quick css editor?

I believe the long term solution would be for the add another control set to the “Mobile Behaviour” on the “Grid Row” settings, that allows us to set the background image to fixed on desktop and scroll on mobile so it does not break the mobile experience but allows us to have this super sexy way of setting pages up for desktop purposes.

thanks as always for your super awesome help and support :)

cheers.

• This reply was modified 8 years, 9 months ago by ENBertussi. Reason: image issue

Hey Yigit,

this seems to work pretty good.. but I am not having great consistency with mobile.. the images scroll using >> grid rows >> cells > with fixed background images.. looks great on desktop but when the images scroll instead of being fixed on mobile it can be meh..

check out the gshock site on mobile http://www.gshock.com/gsteel vs desktop what I am not seeing is this working on enfold on mobile versions..

and compare to a couple of sites I am getting fun with grid rows on.
http://briannaimerphotography.ca/ + http://pruuph.ca/

I also see no images at all on iphones at all.. maybe it’s on os update on the phones I have tested with?

Please advise good sir.. is this a bug that needs to get worked out in the future?

:)

ENB..//

• This reply was modified 8 years, 9 months ago by ENBertussi. Reason: forgot detail

Hey guys,

I am asking how do I add mailchimp to “any form” or every form?

I want a check-box added to every form I make or even enable it on comments… how would I do that?

Or do I need to add a plugin like https://wordpress.org/plugins/mailchimp-for-wp/screenshots/

ENB..//

Hey Ismael,

Do you mind if you guys could format the instructions such as:

“file name” or “custom CSS short code in theme interface”
“file location”
“CODE SNIPPET”
“extra instruction”

for each piece of code that needs to get implemented into various files

I need to do it for a few sites… so having an offline copy that would allow me to update my core them files when I do upgrades and also gaining insight to what is going on would be very uber awesome for me.

cheers..

Hey Ismael,

I am having a hard time following along with the instructions on this post. https://kriesi.at/support/topic/single-product-page-is-strange-sidebar-appears-under-product/#post-451940 that’s one of the reasons why I started this one.

Are all these files we are supposed to change go into the root of the child theme folder?

ENB..//

Thanks a tonne ismael,

How do I specify just the one masonry gallery on the site?
How about font colours?
How about entire image overlay and opacity settings?

Do you have some css that you could copy paste that has controls and examples for all those things and especially to deal with only one gallery not all the galleries on the site, would it use a css class?

ENB..//

SORRY ~!

I forgot to post the webpage address here http://adrianholmesphotography.ca/

thank you :)

ENB..//