external plugins and replete « Support Forum | Kriesi.at - Wordpress Themes and HTML Templates

Kriesi.at - Wordpress Themes and HTML Templates

Support Forum » Replete

closed

resolved

external plugins and replete

23 posts from 6 voices

Started 2 months ago by shaxuk
Latest reply from Ismael
This topic is closed
This topic is resolved

Tags:

No tags yet.

shaxuk
Member

HI Guys

there are two plugins that im using in replete one is WooCommerce Facebook Like Share Button and the other one is WooCommerce Cloud Zoom Image Plugin, both these plugins works in product page however when the are used the go behind the buttons and text already on the page.

what i mean is that if you click on "recommend" button on of the plugin, plugin is expanded however some parts of it goes behind the " add to card and other text of the product page.

its the same with the zoom plugin the zoomed pictur is hidden behind the text and areas of product price and description etc.

can some one please help or if there are any other plugins which can be recommended for facebook sharing and sending and product zoom.

thanks

shax

Posted 2 months ago #
Dude
Dude

Hi!

This sounds like a z-index issue (css styling code issue). Please post a link to your website and we'll investigate your website with Firebug.

Regards,
Peter

Posted 2 months ago #
shaxuk
Member

Hi Dude

http://www.miamour.co.uk/shop

and then click on any product.

Thanks

shax

Posted 2 months ago #
Marcos Q.
Member

we have same problem in http://www.mimundoenpapel.com/tienda

Replete theme 1.3.1 + Woocommerce 2.02 + WooCommerce Cloud Zoom Image Plugin

Posted 2 months ago #
Devin
Moderator
Hi All,

Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:
```
#cloud-zoom-big {
z-index: 9999 !important;
}
```
Regards,

Devin
Posted 2 months ago #
Marcos Q.
Member

I have tried in the Quick CSS and custom.css file, but still the same.

Posted 2 months ago #
shaxuk
Member

i have tried that too, the zindex of the cloud zoom is set as 9999 anyway, do you recon we have to change the Zindex of the "REPLETE" somewhere. if there is one.

shax

Posted 2 months ago #
Ismael
Moderator

Hi shax,

I tried to check your site but I can't see it as it seems to be in maintenance mode.

@Marcos Q.: I also checked your single product pages and it seems to be fine.

Regards,
Ismael

Posted 2 months ago #
shaxuk
Member

ismael if you use the following link this will allow you to enter the website. as the home page has no link to it.

http://www.miamour.co.uk/shop

thanks

shax

Posted 2 months ago #
Marcos Q.
Member

Hi Ismael, the problem is NOT SOLVED. I have set the zoom at that location (temporary location) because it is the only place not bother with any other element. If you set the browser window to a mobile view you can view the problem

If I put the zoom on the right, this is placed behind the letters.

Posted 2 months ago #
Ismael
Moderator
Hi Marcos Q.,

Try adding this code in your Quick CSS or custom.css:
```
.single-product-summary {
z-index: 0 !important;
}
```
Note: Make sure you have added Devin's code.

@shax: I checked http://www.miamour.co.uk/shop/ but it just shows an image of a girl with no link.

Regards,
Ismael
Posted 2 months ago #
Marcos Q.
Member

Ok, works fine now. Thanks!

Posted 2 months ago #
Ismael
Moderator

Hi Marcos Q.,

Glad we could help. :)

Cheers,
Ismael

Posted 2 months ago #
jacobom
Member

Hello same problem here, when clicking "Like" the Facebook box shows behind the text.

Check here: http://www.miamour.co.uk/shop/libas-lawn-collection-10/ (click LIKE)

How can we fix this?

Posted 1 month ago #
Devin
Moderator

Hi jacobom,

I would recommend just moving the facebook like button since the two features don't seem to be able to exist without issue in the same space.

This is a specific case where you are using two different plugins on top of the theme but the issue is between the plugins so it limits what we can do considerably as we didn't write either of them and have no real experience with their code.

Regards,

Devin

Posted 1 month ago #
jacobom
Member

Could this be adjustable via a z-index?

Posted 1 month ago #
Dude
Dude
Hey!

You can try following css code:
```
div.social-button-container{
z-index: 1000;
position: relative;
}
```
If it works I guess it's a z-index issue. Otherwise it's not a problem with the z-index.

Regards,
Peter
Posted 1 month ago #
jacobom
Member

Not working :(

Any way you can think of adding a Like button to each product? Tried several plugins and the same thing occurs (box hides below replete content).

Posted 1 month ago #
jacobom
Member

FYI found one that works! It adds the like button just above the product description.

Facebook Button Plugin

Posted 1 month ago #
Dude
Dude

Hi!

Glad you found a solution :)

Best regards,
Peter

Posted 1 month ago #
jacobom
Member

Last plugin didnt work

How can we get a FB like in each product page? The WooCommerce Facebook Like Share Button seems to always show behind the product description when clicked:

http://www.miamour.co.uk/shop/libas-lawn-collection-10/ (click LIKE)

Come on guys, there has to be a solution in order to have that portion on top of everything and not behind the description.

Suggestions?

Posted 1 week ago #
jacobom
Member

Found a solution, however can you please verify it? Want to make sure it won't affect other properties in the site:

In the base.css, replaced:

iframe, object, embed{
max-width:100%;
}

With:

iframe, object, embed{
z-index: 99999 !important;
}

Now the FB box shows on top. Just let me know if by removing the 100% width property , nothing else will break on the site?

Thank you.

Posted 1 week ago #
Ismael
Moderator

Hi,

No, I'm quite confident if won't break anything on the site.

Regards,
Ismael

Posted 1 week ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.

© Copyright Kriesi.at – Wordpress Themes and HTML Templates

top