Showcase 1.3.0 limited "HELP" thread

As you are aware, SC 1.3.0 RC 1 is unsupported. That means I won't be taking time off of work to help you fix your messed up install or upgrade.

However, that doesn't mean I won't help when I can and or answer any questions. So please use this thread if you need assistance or have questions about how something works with 1.3.0

 

One of the first things I am sure SOMEONE will want to report as a BUG is that all their images are Broken.

STEP 4 of the Install & Upgrade Doc 1.3.0 clearly says to rebuild the Showcase Thumbs.

 

Another "TIP" revert any showcase templates that show up as outdated. DO NOT MERGE. If you do that, you are merging old SC 1.2.0 code into new 1.3.0 and that will mess your templates up.

 

I need more information. There are different layouts. I need to know which one you are talking about. which layout (Grid View or Modular View) and which page (showcase Home, Categories, Members) or is this issue somewhere else like with the Node List Items Module? Each has its own templates & CSS.

Yes, in mobile view, only the IMAGE displays. You can modify the CSS to change this behavior

 

You will have to edit each pages "grid" template and grid.css template ie
nflj_showcase_index_grid
nflj_showcase_category_grid
nflj_showcase_member_grid

nflj_showcase_index_grid.css
nflj_showcase_category_grid.css
nflj_showcase_member_grid.css

You will need to find this code in the 3 "grid" templates above

HTML:

<script type="text/javascript">
    $(document).ready(function(){
        $('.showcaseItemThumb .showcaseItemThumbnail').resizecrop({
            width:200,
            height:150,
            vertical:"middle"
        });
    });
</script>

Change the Width attribute to a smaller value like 180

in conjunction with that, you will need to edit the CSS for those blocks.

This example code is for the INDEX page (nflj_showcase_index_grid.css). YOu will need to do this for all 3 CSS templates

You will need to find this code in the 3 "grid" templates above

Code:

    .showcaseItemContainer .showcaseItemThumb {
        border: 1px solid @primaryLighterStill;
        height: 150px;
        width: 200px;     
        overflow: hidden;
        position: relative;
    }
 
        .showcaseItemThumb .showcaseItemThumbnail {
            height: 150px;     
            width: 200px;
        } 

    .showcaseItemContainer .showcaseItemInfo {
        max-width: 200px;
    }

You will need to change the WIDTH in these 3 classes to the same width that you changed in the above script.

You will need to do this for each PAGES templates (Index, Category and Member).

It looks hard, but its not

Feel free to post a request. I already have my own plans for how I want to change the "mobile" view for modules

The Modules blocks use a responsive Slider. That is expected behavior.. the container in responsive is dynamic width and will slide the 1/2 image to the far left (just resize the home page here to see how it works/looks).

 

I've added this as an option in the next version. In the mean time, I posted a Tips Tricks and Hows To's entry for this.

http://addons.nfljunkies.com/threads/tips-tricks-how-tos.156/#post-2984