Return to previous page

Sharing buttons in Single Product page..

This topic has 6 replies, 2 voices, and was last updated 2 years, 3 months ago ago by filmguerilla

filmguerilla

Participant

September 6, 2022 at 01:21

Hi guys, would like to add this feature on single product page but are there any option? I find this a little out of my color scheme.

Would like a bigger and black icons if possible.

I don’t use single product builder because the site has problem with that before.

Please, contact administrator
for this information.

#333317 Copied Theme version: 8.3.1 WooCommerce version: updated

5 Answers
Awais Ahmed

Participant

September 6, 2022 at 07:17
Hello, @filmguerilla,

Alright, I have understood your issue, and thanks for letting us know that you are not using the single product builder.

Now, to solve your issue first you have to enable the social share from the Dashboard >> XSTORE >> Theme Options >> WooCommerce >> Single Product Page >> Single Product Layout check this image: https://postimg.cc/vDrDTHTm

Then to make the icon black and bigger you need to add the custom CSS code in the Dashboard >> XSTORE >> Theme Options >> Theme Custom CSS >> Global like you see in this image: https://postimg.cc/7b58tB8r

Here is the CSS code.
```
.single-product .product-share .menu-social-icons.icons-filled li a i {
    background-color: #000 !important;
    font-size: 20px !important;
}
```
Regards 8Themes Team.
#333329 Copied
filmguerilla

Participant

September 7, 2022 at 04:57

Trying this right now.

Is it possible to add Instagram on Share buttons and other Socmed?

#333425 Copied

filmguerilla

Participant

September 7, 2022 at 05:03

HI guys, can i have the icons no bg and bigger / black?

https://prnt.sc/D18xvp00ab83

Thank you

#333426 Copied

Awais Ahmed

Participant

September 7, 2022 at 06:11

Hello, @filmguerilla,

1..Sorry to say that, but you can only show the available icons in the theme for the social. Navigate to the Dashboard >> XSTORE >> Theme Option >> Social Share there you will see all the icons our theme has, just check the ones you want. Check the image: https://postimg.cc/TK95jkf2 The Instagram Icon is not available so you cannot add it.

2.. Actually, Yes you can do it. First, remove the CSS code that we share with you in the previous response and add the below code in order to solve your issue.

.single-product .product-share .menu-social-icons.icons-filled li a i{background:transparent !important; color:black !important; font-size:24px !important;}

Then save settings and check back to your site after clearing the browser cache. The result will be look like this: https://postimg.cc/5YfP7KFP

Regards 8Themes Team.

#333431 Copied

filmguerilla

Participant

September 7, 2022 at 22:35

All good now!!! Thank you!

#333518 Copied
Tagged: seo friendly, sharing buttons, single-product page, template, woocommerce, wordpress
Viewing 6 results - 1 through 6 (of 6 total)