Joomla Templates Club 406,261 posts

[locofede Friend locofedeJoin date: September 2008Posts: 19Downloads:13Uploads:2 Thanks: 12 Thanked: 1 times in 1 posts]

#193667

Hi,
Right now, on a touch device, if they click the tile(Item-block), the user is taken to the article detail page. We want the first tap to bring up the overlay with the header, and then second tap to take the user to the detailed article.

URL: http://socialraise.co/namm_dev/

Thanks in advance

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#518244

@locofede: By default, the popup view size is 660px while the Tablet and mobile view is smaller, so our development team defined to hide the popup view (overlay) on these responsive devices.

If you still want to customize our javascipts to display the overlay, I would suggest you hire an experienced developer to help on this. You can modify our popup scripts in templatesja_walljswall.js file from 234th line.

[kjlarski JATC kjlarskiJoin date: October 2010Posts: 96Downloads:3Uploads:6 Thanks: 6 Thanked: 15 times in 1 posts]

#518457

Hi there-

We’re needing the same thing. We’re happy to pay for this customization and then it can be used for future Wall versions. Would someone on your team be able to do this in exchange for a customization fee? Please PM me if this is something that you can do.

Thanks.

[Wall Crasher Developer Wall CrasherJoin date: December 2011Posts: 1113Downloads:0Uploads:15 Thanks: 66 Thanked: 361 times in 300 posts]

#518701

I am not entirely understand this request but it requires some customisation though.

<blockquote>We want the first tap to bring up the overlay with the header</blockquote>

If you want to show the popup in mobile device, then here are some steps which may help you. Please BACKUP before proceeding any change:

1. Open file templatesja_walljswall.js
– Delete this code start from line 378

if ($(document.body).width() < 700){
return true;
}

– Delete width=”638″ from line 405

2. Open file: templatesja_wallcsstemplate.css, make the following changes (CSS rules in colour)
– line 1109

body.popupview #popup-content {
height: 90%;
margin: 30px auto;
position: relative;
width: 90%;
max-width: 640px;
z-index: 1000;
}

– 1118

body.popupview #popup-inner {
height: 100%;
width: 100%;
position: relative;
top: -15px;
background: #fff
border: 1px solid #fff
border-radius: 3px;
box-shadow: 0 0 5px rgba(0,0,0,.4);
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

– line 1173

body.popupview .popup-head {
position: relative;
height: 30px;
bottom: -15px; /* delete this line */
z-index: 1001;
}

– line 1132

body.popupview #popup-inner iframe {
left: 0 !important;
width: 100%;
}

Hope it helps.

1 user says Thank You to Wall Crasher for this useful post

1. phong nam

[Author]

Posts