By Giovanni Mio Medicina on Saturday, 28 October 2017
Posted in Technical Issues
Replies 10
Likes 0
Views 595
Votes 0
Hello,
I found a problem in mobile with the new easysocial 2.1.2

- page scrolling in some parts does not work: list of events, video list, page list, group list etc ..

-Discovered a very large space in the section of products for sale, https://www.reusedworld.com/all-products, is caused by css: style.min.css ---> # es.is-mobile.es- main {height: 100%;}, if you reduce height, disappear the list of events, page, group etc ...,,
Hey there,

I am really sorry for the delay of this reply as it is a weekend for us here.

After checked further, the reason why it show the layout like this on that page is because it look like this page https://www.reusedworld.com/all-products also render Easysocial main page, you can check my attached screenshot below.

Even I tried to rename your rootFolder/modules , rootFolder/plugins, rootFolder/templates/Protostar/html , and root/Folder/components/com_easysocial , it still generated these following HTML:


<div id="es" class="es-frontend es-main view-profile " data-es-structure=""><div class="es-navbar DS08199571683667843 wide" data-es-toolbar="">
<ul class="es-nav pull-left fd-cf g-list-unstyled">
<li class="dropdown_">
<a data-toolbar-toggle="" data-bs-toggle="dropdown" class="es-nav-dropdown-toggle dropdown-toggle_" href="javascript:void(0);">
<i class="fa fa-bars" style="font-size: 22px;"></i>
</a>
<div role="menu" class="es-nav-dropdown for-guide dropdown-menu">

<div class=" is-home">
<a href="/?view=dashboard">
<i class="fa fa-home"></i>
<b>
Home </b>
</a>
</div>

<div class="">
<a href="/?view=albums">
<i class="fa fa-camera"></i>
<b>
Foto </b>
</a>
</div>

<div>
<a href="/all-products?view=category" class="es-navbar__footer-link">
<i class="fa fa-shopping-cart"></i>
<b>
Prodotti in Vendita </b>
</a>
</div>
<div>
<a href="/blog" class="es-navbar__footer-link">
<i class="fa fa-newspaper-o"></i>
<b>
News Green </b>
</a>
</div>
<div class="">
<a href="/?view=videos" class="es-navbar__footer-link">
<i class="fa fa-play"></i>
<b>
Video </b>
</a>
</div>

<div class="">
<a href="/?view=groups" class="es-navbar__footer-link">
<i class="fa fa-users"></i>
<b>
Gruppi </b>
</a>
</div>

<div class="">
<a href="/?view=events" class="es-navbar__footer-link">
<i class="fa fa-calendar"></i>
<b>
Eventi </b>
</a>
</div>

<div class="">
<a href="/?view=pages" class="es-navbar__footer-link">
<i class="fa fa-file-text-o"></i>
<b>
Pagine </b>
</a>
</div>




</div>

</li>
</ul>
<ul class="es-nav g-list-unstyled pull-right">


<li class="ed-nav-toggle-search-wrap">
<a data-elegant-toggle-search="" class="es-nav-toggle-search" href="javascript:void(0);">
<i class="fa fa-search"></i>
</a>
</li>







<li class="toolbarItem toolbar-login">
<a href="javascript:void(0);" class="o-nav__link es-navbar__icon-link" data-popbox="" data-popbox-id="es" data-popbox-type="navbar-signin" data-popbox-toggle="click" data-popbox-component="popbox--navbar" data-popbox-offset="4" data-popbox-position="bottom-right" data-popbox-target="[data-toolbar-login-dropdown]">
<i class="fa fa-lock"></i>
</a>

<div class="t-hidden" data-toolbar-login-dropdown="">

<div class="popbox-dropdown">
<div class="popbox-dropdown__hd">
<div class="o-flag o-flag--rev">
<div class="o-flag__body">
<div class="popbox-dropdown__title">Accedi</div>

<div class="popbox-dropdown__meta">
Se non ti sei ancora registrato, <a href="/?view=registration">registrati ora!</a> </div>
</div>
</div>
</div>

<div class="popbox-dropdown__bd">
<form action="/all-products" method="post" class="popbox-dropdown-signin">
<div class="o-form-group">
<input name="username" type="text" autocomplete="off" class="o-form-control" id="es-username" placeholder="COM_EASYSOCIAL_TOOLBAR_EMAIL">
</div>
<div class="o-form-group">
<input name="password" type="password" class="o-form-control" id="es-password" autocomplete="off" placeholder="Tua password">
</div>

<div class="o-row">
<div class="o-col o-col--8">
<div class="o-checkbox o-checkbox--sm">
<input type="checkbox" id="es-remember" name="remember">
<label for="es-remember">Ricordati di me</label>
</div>
</div>
<div class="o-col">
<button class="btn btn-es-primary t-lg-pull-right">Accedi</button>
</div>
</div>

<div class="popbox-dropdown__social t-lg-mt--md">
<div class="t-text--center">
</div>

<div class="t-text--center t-lg-mt--md">
</div>
</div>

<input type="hidden" name="option" value="com_easysocial">
<input type="hidden" name="controller" value="account">
<input type="hidden" name="task" value="login">
<input type="hidden" name="return" value="aW5kZXgucGhwP0l0ZW1pZD0zNTMmb3B0aW9uPWNvbV9xdWljazJjYXJ0">
<input type="hidden" name="accb3133e003e08b91db827e7c8e2e70" value="1">
</form>
</div>

<div class="popbox-dropdown__ft">
<ul class="g-list-inline g-list-inline--dashed t-text--center">
<li>
<a href="/?view=account&layout=forgetPassword" class="popbox-dropdown__note">
Ho dimenticato la password </a>
</li>
</ul>

</div>
</div>


</div>
</li>
</ul>

</div>
<script type="text/javascript">



EasySocial
.require()
.script('site/toolbar/notifications','site/search/toolbar')
.done(function($){

$('[data-es-toolbar]').implement(EasySocial.Controller.Notifications);
$('[data-toolbar-search]').implement(EasySocial.Controller.Search.Toolbar);

});

</script>
</div>


Can you share with me do you have customise anything from your "Quick2Cart All Products View" page or your current Protostar template in currently?

If you view this https://www.reusedworld.com/mappa , it will display just fine because it didn't render above HTML in this page.
·
Sunday, 29 October 2017 11:16
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello,
I applied several changes to css:
as in the picture
·
Sunday, 29 October 2017 19:56
·
0 Likes
·
0 Votes
·
0 Comments
·
There seems to be a easysocial toolbar module.
I have a easysocial toolbar in the All-Product menu (even if the mobile device is excluded). I tried to unpublish, but that was not the problem. the space has remained.
·
Sunday, 29 October 2017 22:18
·
0 Likes
·
0 Votes
·
0 Comments
·
I have disabled my protostar custom.css, and there is a easysocial toolbar.
·
Sunday, 29 October 2017 23:00
·
0 Likes
·
0 Votes
·
0 Comments
·
I found the problem, it's a quick2cart setting as in photo
·
Sunday, 29 October 2017 23:10
·
0 Likes
·
0 Votes
·
0 Comments
·
remains the most serious page scrolling issue
You can not go down to some pages, as described in the first post
·
Sunday, 29 October 2017 23:17
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks for getting back to us you already found this `quick2cart` extension render that toolbar on that page.

Regarding with your second issue, can you backup your customisation work from your Easysocial web mobile?

Because it look like you still using older version, after you backup it, then try download latest version of this web mobile app

https://stackideas.com/apps/item/3361-mobile-web-template

Then install on your site and see how it goes.
·
Monday, 30 October 2017 16:19
·
0 Likes
·
0 Votes
·
0 Comments
·
hello I solved downloading the latest version
thank you
·
Monday, 30 October 2017 21:40
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks for updating, glad that your issues are resolved now.
·
Monday, 30 October 2017 22:14
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post