4images Forum & Community

4images Modifications / Modifikationen => Templates & Styles (Releases & Support) => Topic started by: chamkani.net on July 13, 2015, 01:40:17 PM

Title: [Template] Prodigy Responsive
Post by: chamkani.net on July 13, 2015, 01:40:17 PM
(http://softemblems.com/wp-content/uploads/2015/07/Prodigy-box.png)

Hi guys, i am using 4images from more than 5 years with a huge photo gallery website. I made a template before name "Pukhtoons" and lots of users downloaded for FREE. Today i am introducing a new Responsive theme "Prodigy"

Prodigy is the ultimate 4images theme. It is clean, super flexible, responsive, includes smart-phone swipe option and comes packed with powerful options! As google mentioned in April 21 about the new algorithm for responsive websites to be fetched more quickly and ranked on top. There were NO responsive template for 4images CMS while hundred of sites are using it for the galleries or even products. Prodigy is 100% responsive and mobile supported theme; check google Mobile-Friendly Test for Prodigy here.

(http://i1.wp.com/softemblems.com/wp-content/uploads/2015/07/header1.png?resize=1024%2C576)

Prodigy is very intuitive to use and completely ready to operate out of the box. Built with Semantic-UI, HTML5 & CSS3, a lot of thought and care went into this theme making it a pleasure to use.  Give a live look to your 4images galleries, products or catalog. All changes are made in template files except slight modifications in PHP core files for images/icon replacement. Which are included in the manual below.

Developers are welcome to report bugs or suggest any changes. If you have vivid idea about using semantic UI framework; you can easily modify the theme including colors, menu, icons and other core assets.

(http://i0.wp.com/softemblems.com/wp-content/uploads/2015/07/prodigy-android1.jpg?resize=267%2C467)

We’ve highlighted some of our features below, check them out below! Buy Prodigy and come be a part of this awesome community!

Features


Installation


There are slight changes in PHP files for adding CSS classes to tables and button which can be found in the link below including the demo. If you have any question and i am not active in forum you can drop an email to mxtchamkani[at]gmail.com

http://softemblems.com/prodigy-4images-theme/ (http://softemblems.com/prodigy-4images-theme/)

Happy Customers
http://www.logopub.net/
http://www.parkshots.de/
http://pukhtoogle.com/gallery
http://m.castillos-de-espana.com/
http://www.fond-ecran-gratuit.biz/
http://comicartcommunity.com/gallery
Title: Re: [Template] Prodigy Responsive
Post by: qBass17 on July 13, 2015, 07:10:00 PM
Very nice !
Title: Re: [Template] Prodigy Responsive
Post by: comicart on July 13, 2015, 07:14:40 PM
Thanks - I am interested. Tagging this thread to see replies/problems/solutions, etc.
Title: Re: [Template] Prodigy Responsive
Post by: Tino23 on September 25, 2015, 08:21:16 AM
Endlich mal ein Responsives Design für 4imagest  :thumbup: Ein kleiner Lichtblick seit Jahren mal wieder. Danke für das schöne Template!
Title: Re: [Template] Prodigy Responsive
Post by: comicart on September 25, 2015, 06:21:55 PM
Endlich mal ein Responsives Design für 4imagest  :thumbup: Ein kleiner Lichtblick seit Jahren mal wieder. Danke für das schöne Template!

Are you using this template Tino23?
Is anyone using this template? Can you give a link to your site if you are?
Title: Re: [Template] Prodigy Responsive
Post by: Tino23 on September 26, 2015, 10:46:32 AM
Eine Demo gibts doch hier https://pukhtoogle.com/gallery/
Title: Re: [Template] Prodigy Responsive
Post by: comicart on September 26, 2015, 06:47:35 PM
Yes, I have seen the demo. But I'm looking for real working site examples.
Title: Re: [Template] Prodigy Responsive
Post by: chamkani.net on October 12, 2015, 08:54:07 AM
Thank you guys for your interest, there are more than 10 purchases so far. If you want to check live demo of other sites please visit the following sites.

http://m.castillos-de-espana.com/
http://www.fond-ecran-gratuit.biz/
Title: Re: [Template] Prodigy Responsive
Post by: comicart on October 12, 2015, 09:17:09 AM
Thank you guys for your interest, there are more than 10 purchases so far. If you want to check live demo of other sites please visit the following sites.

http://m.castillos-de-espana.com/
http://www.fond-ecran-gratuit.biz/

When viewed on an iPhone using Safari web browser, the both sites *not* responding well to the mobile platform.
See attached. Pretty impossible to read.
Hope that helps.
Title: Re: [Template] Prodigy Responsive
Post by: parkshots on October 12, 2015, 02:09:54 PM
Great theme, i have bought it today and am now testing.

Unfortunately i have no experiences with Semantic-UI, HTML5 and CSS3.
So maybe you can answer:

- how to add a second image/logo file in the header with right algin
- where to find other possible icons for the navigation bar
- how to ad a space before image in the random image box. (The image is now placed directly at the upper borderline. Does not look good.)
- how to center content in sideboxes (for example the facebook integration in the Demo is not centred in the box.)

Thank you and regards!
Title: Re: [Template] Prodigy Responsive
Post by: chamkani.net on October 12, 2015, 09:16:38 PM
Thank you guys for your interest, there are more than 10 purchases so far. If you want to check live demo of other sites please visit the following sites.

http://m.castillos-de-espana.com/
http://www.fond-ecran-gratuit.biz/

When viewed on an iPhone using Safari web browser, the both sites *not* responding well to the mobile platform.
See attached. Pretty impossible to read.
Hope that helps.

Thanks for reporting, actually he forget to change the classes as mentioned in the screenshot. Working examples attached..


@parkshots

Using HTML5 and Semantic-UI is easy, everything is mentioned in thier website along with details. Let me give you answer one by one

- You can add another logo inside <div> with ID logo and change the float to right and add some margin as well (http://imgur.com/LEhb2lM)
- Here is the list of alternative icons http://semantic-ui.com/elements/icon.html
- You can open random.htm file and add space to image whether you want <br> or margin-top
- Open details.htm and find the block of facebook, it is card element of Semintic-UI just add text-align:center; to the card.
Title: Re: [Template] Prodigy Responsive
Post by: parkshots on October 13, 2015, 09:48:27 AM
Thanks for the quick response.   :)

Quote
- You can add another logo inside <div> with ID logo and change the float to right and add some margin as well (http://imgur.com/LEhb2lM)

This works, but not correctly. The problem is that the second image with right float always is scaled to a smaller size. (See attached screenshot)
Although it doesn't matter wich image size is written in the header file.


Title: Re: [Template] Prodigy Responsive
Post by: chamkani.net on October 13, 2015, 03:14:32 PM
Thanks for the quick response.   :)

Quote
- You can add another logo inside <div> with ID logo and change the float to right and add some margin as well (http://imgur.com/LEhb2lM)

This works, but not correctly. The problem is that the second image with right float always is scaled to a smaller size. (See attached screenshot)
Although it doesn't matter wich image size is written in the header file.

Yes you can tune your 2nd image with CSS for further modifications.
Title: Re: [Template] Prodigy Responsive
Post by: parkshots on October 13, 2015, 03:49:10 PM
Okay, but how?  :oops:
Title: Re: [Template] Prodigy Responsive
Post by: chamkani.net on October 14, 2015, 10:22:19 AM
Okay, but how?  :oops:

Suppose your <div> height is 300px, first logo (defult one) is 150px and the 2nd is also 150px. you can change the width & height of 2nd div to 200x300 or according to your choice by inline style sheet. So it will affect on 2nd logo only. If you have any live site let me know so we can fix it.
Title: Re: [Template] Prodigy Responsive
Post by: parkshots on October 14, 2015, 04:03:41 PM
Okay, here is the code so far...

Code: [Select]

<div class="ui grid" id="logo" style="margin:30px 0px 30px 0px;">
      <a href="{home_url}">
      <img src="{template_url}/images/logo.png" alt="" width="360px">
      </a>
<img src="{template_url}/images/headimg.png" alt="" width="300px" style="float:right;margin-right:30px;">
</div>

The logo.png is 360px x 100px, the headimg.png is 300px x 100px
With this code, the logo.png is shown correctly, the headimg.png is scaled to 272px × 91px and i don't know why.

Title: Re: [Template] Prodigy Responsive
Post by: chamkani.net on October 15, 2015, 09:18:05 AM
Okay, here is the code so far...

Code: [Select]

<div class="ui grid" id="logo" style="margin:30px 0px 30px 0px;">
      <a href="{home_url}">
      <img src="{template_url}/images/logo.png" alt="" width="360px">
      </a>
<img src="{template_url}/images/headimg.png" alt="" width="300px" style="float:right;margin-right:30px;">
</div>

The logo.png is 360px x 100px, the headimg.png is 300px x 100px
With this code, the logo.png is shown correctly, the headimg.png is scaled to 272px × 91px and i don't know why.


Please share your URL as well but try
<img src="{template_url}/images/headimg.png" alt="" style="width:300px;float:right;margin-right:30px;">
Title: Re: [Template] Prodigy Responsive
Post by: parkshots on October 15, 2015, 10:31:58 AM
Please share your URL as well but try
<img src="{template_url}/images/headimg.png" alt="" style="width:300px;float:right;margin-right:30px;">

This does not work either - image is still scaled to a smaller size.
Currently there is no lURL - i think tomorrow i will go live with the template. :)
Title: Re: [Template] Prodigy Responsive
Post by: parkshots on October 16, 2015, 04:12:31 PM
And can you please explain what exactly has to be in theses lines? Thank you!

Quote
categories.php
Add class ui disabled mini button to line 73 (Upload disabled button)
Add class ui mini teal button to line 77 (Upload enable button)
– add <i class=\”upload icon\”></i> Upload in 77 and 73
Add class ui very basic table to line 140 (Category table)

Index.php
Add class ui very basic table to line 118 and 123 in front of $new_images (New Images)

includes/paging.php
Add class ui button mini to line 98, 99, 107, 112, 113 (pagination numbers)
Add class ui button mini teal to line 104 (current page)

includes/functions.php
add class ui tag label to line 335 (For image tags)
add class ui compact mini labeled icon button to line 354, 358, 366, 373, 374, 383 (action icons)
– add <i class=\”check circle outline icon\”></i>Lightbox in 354
– add <i class=\”radio icon\”></i>Lightbox in 358
– add <i class=\”download icon\”></i>Download in 366
– add <i class=\”download icon\”></i>Download in 373
– add <i class=\”file archive outline icon\”></i>Download Zip in 374
– add <i class=\”send icon\”></i>Post Card in 383

add class ui disabled compact mini labeled icon button to line 362, 367, 380 (disable for guests)
– add <i class=\”remove circle outline icon\”></i>Lightbox in 362
– add <i class=\”file archive outline icon\”></i>Download Zip in 367
– add <i class=\”send icon\”></i>Post Card in 380

details.php
Add class circular ui icon button mini teal to line 386, 392, 409, 428, 429
– add <i class=\”icon user\”></i> in 386 (for user icon)
– add <i class=\”icon linkify\”></i> in 392 (for website link icon)
– add <i class=\”icon mail\”></i> in 409 (for email icon)
Add class circular ui icon button to line 510, 511, 514, 515

lightbox.php
Add class ui very basic table to line 101
Add class ui button to line 159, 162

search.php
Add class ui very basic table to line 254
Title: Re: [Template] Prodigy Responsive
Post by: chamkani.net on October 17, 2015, 07:56:05 AM
These are simple instruction to add Semantic-UI classes to your element, which includes buttons, icons and tables. The tables is very important so your images (new images, category images) will be responsive. Follow the instruction go to these lines and add classes. Icons depends on your choice whether you want to use or NOT. If not don't add <i class>, would be better if you live your site.
Title: Re: [Template] Prodigy Responsive
Post by: parkshots on October 17, 2015, 03:04:25 PM
Okay, i understand.
But can you please copy an paste the excatly code of these lines?

Thank you.
Title: Re: [Template] Prodigy Responsive
Post by: chamkani.net on October 17, 2015, 05:15:33 PM
Okay, i understand.
But can you please copy an paste the excatly code of these lines?

Thank you.

If you have a brand new gallery without any modifications in core files (PHP), than you can use these files. Plus i installed template on my own running gallery if you want the demo http://pukhtoogle.com/gallery
Title: Re: [Template] Prodigy Responsive
Post by: parkshots on October 19, 2015, 09:02:48 AM
Works, thank you very much!  :D
Now i only need the solution for the second image in the header.
Title: Re: [Template] Prodigy Responsive
Post by: chamkani.net on October 20, 2015, 09:47:33 AM
Works, thank you very much!  :D
Now i only need the solution for the second image in the header.

Great!
Live your site or inbox me the URL so i ll help you in 2nd image.
Title: Re: [Template] Prodigy Responsive
Post by: parkshots on October 21, 2015, 08:26:58 AM
My URL is http://www.parkshots.de (http://www.parkshots.de)  :)

Another question: My Home Site is also not responsive as mentioned by others on the first page of this thread.
Where i can make the changes so that it will work correctly?

Thank you!
Title: Re: [Template] Prodigy Responsive
Post by: chamkani.net on October 22, 2015, 10:22:57 AM
My URL is http://www.parkshots.de (http://www.parkshots.de)  :)

Another question: My Home Site is also not responsive as mentioned by others on the first page of this thread.
Where i can make the changes so that it will work correctly?

Thank you!

Awesome collection, i am glad that you have changed the next/pre image style in details.htm and i am gona add it in next ver. Boss you forget to change the class of new images table in index.php that's why the front-page is NOT responsive.

Title: Re: [Template] Prodigy Responsive
Post by: parkshots on June 29, 2016, 11:31:19 AM
If you have a brand new gallery without any modifications in core files (PHP), than you can use these files. Plus i installed template on my own running gallery if you want the demo http://pukhtoogle.com/gallery

Hi,

can you send me the core file for "index.php"? I have to check something.

Thank you!
Title: Re: [Template] Prodigy Responsive
Post by: comicart on July 20, 2016, 07:21:10 AM
How many people are using this template?
Is it working for you?
I wrote the developer a few weeks ago by Private Message but haven't heard back.
Title: Re: [Template] Prodigy Responsive
Post by: chamkani.net on August 07, 2016, 11:17:05 AM
How many people are using this template?
Is it working for you?
I wrote the developer a few weeks ago by Private Message but haven't heard back.

Hi,
I replied to your message, galleries that are using prodigy are mentioned here :)
softemblems.com/prodigy-4images-theme/

Plus happy customers are mentioned in the first post as well.
Title: Re: [Template] Prodigy Responsive
Post by: comicart on August 07, 2016, 06:35:48 PM
Thanks - I wrote you back.
I was just seeing if there were any people *actively on this board* talking about and working with this theme. I'd love to hear from people using it so when I install it I will have the experience of others who have done it before me.
That's what I've always loved about this Forum in the past - input from the user community.
Title: Re: [Template] Prodigy Responsive
Post by: comicart on August 11, 2016, 08:39:24 AM
With Moxet's help we changed my Gallery to the responsive Prodigy theme.
If you would like to comment on it please do! Improvements are always welcome.

See here: http://comicartcommunity.com/gallery/

I recommend this theme so far. I hope this change to a more responsive site is better for people on mobile.

As a tip - add this code to the header to get the main image on the page to show up in Facebook when you use sharing tools like addthis:
Code: [Select]
<meta property="og:image" content="http://www.yourdomain.com/gallery/{media_src}"/>
Title: Re: [Template] Prodigy Responsive
Post by: comicart on January 17, 2017, 08:00:44 PM
Is there going to be an update for 4images 1.8 for this Prodigy template?
Has it been tested on 1.8 yet?
Title: Re: [Template] Prodigy Responsive
Post by: chamkani.net on January 29, 2017, 03:49:17 PM
Is there going to be an update for 4images 1.8 for this Prodigy template?
Has it been tested on 1.8 yet?


Hi, Yes it is already tested and working fine :)
Let me know if there is any bug etc..
Title: Re: [Template] Prodigy Responsive
Post by: comicart on January 29, 2017, 04:03:39 PM
Does that mean there were no changes in Template files?
Thanks

Is there going to be an update for 4images 1.8 for this Prodigy template?
Has it been tested on 1.8 yet?


Hi, Yes it is already tested and working fine :)
Let me know if there is any bug etc..
Title: Re: [Template] Prodigy Responsive
Post by: chamkani.net on January 30, 2017, 09:38:20 AM
Yes, they fixed the following issues in 1.8

=========================================================
ChangeLog Version 1.8
=========================================================
- [1.7 - 1.7.13] Multiple security fixes (thanks to Ahmed Sultan)
- PHP7 compatibility
- Fixed chartset setting for emails in /includes/email.php

P.S: I am working on another version of Prodigy to be released soon :)
Title: Re: [Template] Prodigy Responsive
Post by: alsaire on February 08, 2017, 12:12:17 AM
I seem to be having trouble making modifications on 1.8.0, the line numbers aren't right. I'm also not really sure where in the line to insert them either...
Title: Re: [Template] Prodigy Responsive
Post by: chamkani.net on February 13, 2017, 11:44:27 AM
I seem to be having trouble making modifications on 1.8.0, the line numbers aren't right. I'm also not really sure where in the line to insert them either...

Hi alsaire,

If you have any issue let me know to fix it or directly install it for you :)
Title: Re: [Template] Prodigy Responsive
Post by: rc108y on February 26, 2017, 05:35:32 PM
Hi, I love this template. One thing, it seems that there are missing images files in your template that cause errors under images where Lightbox, ecard, download etc shouod be.  I uploaded them again.

I downloaded your prodigy_core files and tried to do the addition for index.php but the numbers, as someone else mentioned, are off (line 123 seems off).  In Search.php I avoided adding the class because the line number seems off.  Also, I am unsure how to "Add class ui centered image to all media files like media/jpg, media/png and so on"

I also love how parkshots.de did the combined photo and video menu elements.  Right now I have two galleries, one for photos and one for videos and combining them would be super. Is there a way to link the two separate galleries with their two separate databases under one template?

thank you so much!
Title: Re: [Template] Prodigy Responsive
Post by: chamkani.net on February 27, 2017, 07:52:43 AM
Hi, I love this template. One thing, it seems that there are missing images files in your template that cause errors under images where Lightbox, ecard, download etc shouod be.  I uploaded them again.

I downloaded your prodigy_core files and tried to do the addition for index.php but the numbers, as someone else mentioned, are off (line 123 seems off).  In Search.php I avoided adding the class because the line number seems off.  Also, I am unsure how to "Add class ui centered image to all media files like media/jpg, media/png and so on"

I also love how parkshots.de did the combined photo and video menu elements.  Right now I have two galleries, one for photos and one for videos and combining them would be super. Is there a way to link the two separate galleries with their two separate databases under one template?

thank you so much!

Hi,

Thanks for your interest, i am working on an upgrade for 1.8 and the issues of core_files along with other changes you suggested should be fixed. You ll get an email along with upgrade notes soon. Yeah i agree parkshots implemented the theme very professionally. He can suggest you the tactics of combining the galleries.

If you have any issue in installation or core files, let me know to fix it for you :)

Regards
Title: Re: [Template] Prodigy Responsive
Post by: chamkani.net on April 11, 2017, 08:32:38 AM
We have updated the theme for 1.8 with some changes listed below, for those who already purchased and installed theme they don't need to re-download or update anything. This is just for new buyers.

Title: Re: [Template] Prodigy Responsive
Post by: comicart on June 10, 2018, 08:43:40 AM
After upgrading to 1.8 I am missing the "upload" button that shows on category pages (folders) when logged in.
Do you have a fix for this?
Thanks.
Title: Re: [Template] Prodigy Responsive
Post by: chamkani.net on June 18, 2018, 07:56:07 AM
After upgrading to 1.8 I am missing the "upload" button that shows on category pages (folders) when logged in.
Do you have a fix for this?
Thanks.

Hello, we have tested it on 1.8 and upload works fine, i have replied to your email to fix it for you :)
Title: Re: [Template] Prodigy Responsive
Post by: comicart on March 17, 2021, 09:17:43 PM
Hello, we have tested it on 1.8 and upload works fine, i have replied to your email to fix it for you :)

I still don't have a fix for this.