Ecommerce software home
Shopping Cart Software Forum for Ecommerce Templates
 
Home | Profile | Register | Active Topics | Members | Search | FAQ
Username:
Password:
Save Password
Forgot your Password?

Find us on Facebook Follow us on Twitter View our YouTube channel
Search our site
Forum Search
Google Site Search
Previous Page
Author « Topic »
Page: of 2

1818charlie
ECT Moderator

United Kingdom
1198 Posts

Posted - 01/30/2018 :  03:20:34  
The icons are all intact when viewed on my HTC One in both portrait & landscape views. On initial load the Like & Share buttons do not show in portrait until I refresh the page a few times while in landscape mode they all show. I'll upload a screenshot later. I also check on the S5 shortly.

HTC One M9 screenshots - running Android 7
https://www.dropbox.com/s/38dzuxwcv0rmjuf/Screenshot_20180130-112136.png?dl=0
https://www.dropbox.com/s/0551aazkl4pb7zu/Screenshot_20180130-112257.png?dl=0

In respect of Social Media buttons I have used Add This on quite a few sites I look after. I use one of the ECT custom fields & in the product admin I add the relevant Add This code in the custom field. I prefer its very clean & consistent appearance across all devices.

It would be nice to see a dedicated field for the Add This code in the admin added as part of the ECT admin but for now the custom field feature does the trick.

Steve

Bolton, Lancashire, United Kingdom.

Using ECT PHP versions since 2004

Edited by - 1818charlie on 01/30/2018 03:45:05

drivers
Ecommerce Template Expert

USA
890 Posts

Posted - 01/30/2018 :  04:48:15  
Thank you for the screenshots and the information :) I agree that an integrated add this would be great! With some time the team might bring it out ... awesome product!

When it gets late at night, go to bed... try again tomorrow.

dbdave
ECT Moderator

USA
10468 Posts

Posted - 01/30/2018 :  08:02:40  
I dumped add-this not too long ago. I don't need them tracking all visits to my product details pages.
css flex is perfect for aligning your social media buttons provided by ect.
I made a post at the bottom of Gary's thread here - https://www.ecommercetemplates.com/support/topic.asp?TOPIC_ID=107608

quote:

Flexbox is perfect for your social medial buttons

On this page, https://www.ecommercetemplates.com/help/social-media.asp
this is the recommended .css

div.socialmediabuttons{margin:10px 8px;background:#fff;width:94%;float:left;padding:4px;}

The css for the individual buttons uses something like this

div.socialmediabutton{float:left;display:inline-block;padding:6px;}
div.socialaskaquestion{margin-top:1px;}
div.sociallinkedin{margin-top:9px}
div.socialfacebook{margin-top:9px}
div.socialtwitter{margin-top:9px}
div.socialgoogle{margin-top:6px}
div.socialpinterest{margin-top:9px}
div.socialcustom{margin-top:8px}

But we can center those various height buttons easily with flexbox without all the need for margin height adjustments on each button, and if you shorten the width, they will wrap and stay perfectly centered without readjusting the margins and floats.
try this
div.socialmediabuttons{margin:5px; width:94%; float:left; display:flex; justify-content:center; align-items:center; flex-wrap:wrap}
div.socialmediabutton{padding:4px;}

Adjust the width there to fit in your space and the buttons will align like magic.


Edited by - dbdave on 01/30/2018 08:04:07
Page: of 2 « Topic »  
Previous Page
Jump To:
Shopping Cart Software Forum for Ecommerce Templates © 2002-2022 ecommercetemplates.com
This page was generated in 0.02 seconds. Snitz Forums 2000