'Share' function on product page - Venture Theme

Solved
Highlighted
Explorer
44 0 9

  Hi guys, 

Is it possible to add more socials to this list...only having 3 on there makes it look incomplete and causes a lot of negative space between the word 'Share' and the icons.

Russell_Farquer_0-1594764088021.png

Thanks

1 Like
Highlighted
Shopify Partner
6089 892 2055

Hello, @Sinister_Kings 

Welcome to the Shopify community!
and Thanks for your question.


Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Explorer
44 0 9

Hi @KetanKumar 

Thanks for the reply, the store preview link is https://kn2y7c2fvstkyis7-16497761.shopifypreview.com

Its on the individual product pages.

Thanks

1 Like
Highlighted
Shopify Partner
6089 892 2055

This is an accepted solution.

@Sinister_Kings 

Thanks for store URL.

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.social-sharing {
    margin-bottom: 20px;
}
.social-sharing .grid__item {
    width: 100px;
}
.social-sharing .grid__item.medium-up--one-third.medium-up--text-left {
    width: 50px;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Explorer
44 0 9

I added it to my custom.scss.liquid code and it worked perfect, i changed the 'width' to suit what looks best.

no need to change the theme.scss.liquid code.

Awesome work as always @KetanKumar 

great job!

1 Like
Highlighted
Shopify Partner
6089 892 2055

@Sinister_Kings 

Thanks for your support and your compliment. 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Tourist
7 0 3

But how do you add the share to Instagram icon and link?  Would also like to add share to snapchat icon and link too.  

BTW - these width measurements worked best for me:

.social-sharing {
margin-bottom: 20px;
}
.social-sharing .grid__item {
width: 125px;
}
.social-sharing .grid__item.medium-up--one-third.medium-up--text-left {
width: 25px;
}

1 Like
Highlighted
Shopify Partner
6089 892 2055

Hello, @DaneK 

Welcome to the Shopify community!
and Thanks for your question.


Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Highlighted
Shopify Partner
6089 892 2055

@DaneK 

Thanks for url.

sorry, but your store is password protect.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes