Snaf

Views: 40,728

Results 61 to 80 of 298
30 Jun 2012, 7:42 PM
#61
niccol avatar

niccol

Totally Zenned

Join Date:
Apr 2009
Posts:
2,138
Plugin Contributions:
1

Snaf

Maybe Diva can clarify what that mod does.

On first look it pretty much does what this "Adding an inner div to the column cells to allow easier styling." does in the next version of SNAF. But maybe I am missing something.

Basically, the boxes are a table cell. It is handy to have a block element inside the table cell because then you can apply things like margins and borders to the inner cell. Which for example lets you put gutters between the boxes. Also, if you want to have a row divider you can still style the table cell or table row to create that effect.

Nick
iszent.com

30 Jun 2012, 8:56 PM
#62
jagall avatar

jagall

Zen Follower

Join Date:
Mar 2011
Location:
Ireland
Posts:
286
Plugin Contributions:
0

Re: Snaf

Hi Niccol,

I am using 1.3.9h but have column grid already installed and thought by installing your module I could achieve this sort of styling in this site
I have been messing with CSS and Divs to achieve this and not getting very far and then seen this in your thread below:

[QUOTE=niccol;1113281]OK. Well that is really a styling issue rather than functionality. You can start by centering the images in the blocks with something like:

.centerBoxContentsProducts .listingProductImage {
display:block;
margin:0 auto;
}

So I think I am on the right track, site is here.

I have this in the CSS:
#specialswrapper, .specialsListBoxContents{
position:relative;
left: 0px;
}

.specialsListBoxContents {
border-left:1px solid #2c130f;
border-right:1px solid #2c130f;
border-bottom:1px solid #2c130f;
border-top:1px solid #2c130f;
padding:3px 0 0 0;
background-image : url(../images/offer.png);
background-repeat : no-repeat;
position:top;
float: left;
position: relative;
z-index:4;
margin-right: 5px
}

#ribbon {
background:url(../images/slider/ribbon.png) no-repeat;
width:140px;
height:135px;
position:absolute;
top:-12px;
left:-15px;
z-index:600;
}

a img {
margin-top:27px;
background-color:transparent;
}
and then this

<div id ="specialswrapper"> <div id ="ribbon"></div>

but do not know where to put them was messing with special_default and tpl_module_special_index but not working. Sorry this is very long winded but hopefully you can let me know if I am in right direction thanks. And just so I am not double posting this is the actual thread I started. Thank you.

30 Jun 2012, 8:58 PM
#63
divavocals avatar

divavocals

Totally Zenned

Join Date:
Jan 2007
Location:
Los Angeles, California, United States
Posts:
10,011
Plugin Contributions:
3

Re: Snaf

laydback:

Do you have a live site using the CDP mod? I would like to see it in action and consider it for my site.I'll be happy to show you the development version of the site I used this on: http://clientmybeautyaddiction(dot)overthehillweb(dot)com/

niccol:

Maybe Diva can clarify what that mod does.

On first look it pretty much does what this "Adding an inner div to the column cells to allow easier styling." does in the next version of SNAF. But maybe I am missing something.

Basically, the boxes are a table cell. It is handy to have a block element inside the table cell because then you can apply things like margins and borders to the inner cell. Which for example lets you put gutters between the boxes. Also, if you want to have a row divider you can still style the table cell or table row to create that effect.Here's what the description of CDP is:
The contrib will make a divider line between products for ALL pages that use the tpl_columnar_display.

and later..

This will give nice divider lines for the following modules/pages:

  • New Products on the main page
  • Special Products on the main page
  • Featured Products on the main page
  • Special Products on the Specials... link
  • Additional images on the product page
  • Customers Also Purchased on the product page
  • Cross Sell on the product page (note that Cross Sell is a separate contrib that would need to be installed separately.)

If using the "Column Grid Layout" contrib from Dr Byte, you will also need to use the included product_listing.php file to override the text wrapping.

SNAF is a step up from the "Column Grid Layout" add-on in that it adds features found in the "Single Template" contribution. However, I discovered when using one of the Picaflor Azul templates (she bundles the "Column Grid Layout" and "Column Divider Pro" add-ons in to her templates) that when I replaced the bundled in "Column Grid Layout" add-on with SNAF, the files needed for CDP to work properly required some modifications for CDP and SNAF to work together.. That said, it sounds like the next version of SNAF is going to bring the same functionality that CDP provides?? Am I understanding this correctly??

My Site - Zen Cart & WordPress integration specialist
I don't answer support questions via PM. Post add-on support questions in the support thread. The question & the answer will benefit others with similar issues.

30 Jun 2012, 9:32 PM
#64
niccol avatar

niccol

Totally Zenned

Join Date:
Apr 2009
Posts:
2,138
Plugin Contributions:
1

Re: Snaf

@Diva,
Yeah, pretty much. The next version puts in features that I use all the time. basically in this case it is a box within a box on the column grid. Which means you can do what you want with css. In my case that is usually a border around the inner box and no styling on the outer so the boxes look spaced out on the page.

@jagall
I am not really sure what the question is.
If what you are talking about is getting the boxes to be a bit separated then you might wait a few days for the next version or you can edit product_listing.php yourself . You are looking for this:

    // Following code will be executed only if Column Layout (Grid Layout) option is chosen
    if (PRODUCT_LISTING_LAYOUT_STYLE == 'columns') {

      $lc_text = implode('<br />', $product_contents);

      $list_box_contents[$rows][$column] = array('params' => 'class="centerBoxContentsProducts centeredContent back"' . ' ' . 'style="width:' . $col_width . '%;"',
                                                 'text'  => $lc_text);
      $column ++;
      if ($column >= PRODUCT_LISTING_COLUMNS_PER_ROW) {
        $column = 0;
        $rows ++;
      }
    }
    // End of Code fragment for Column Layout (Grid Layout) option in add on module

And changing to this:

      // Following code will be executed only if Column Layout (Grid Layout) option is chosen
    if ($current_listing_style == 'columns') {

      $lc_text = implode('<br />', $product_contents);

      $list_box_contents[$rows][$column] = array('params' => 'class="centerBoxContentsProducts centeredContent back"' . ' ' . 'style="width:' . $col_width . '%;"',
                                                 'text'  => '<div class="innerColumn">'.$lc_text.'</div>');
      $column ++;
      if ($column >= PRODUCT_LISTING_COLUMNS_PER_ROW) {
        $column = 0;
        $rows ++;
      }
    }
    // End of Code fragment for Column Layout (Grid Layout) option in add on module

Depending on what version of column grid you are using then there may be some differences but if you have a look then you will see the changes easily and can reproduce them.

That means that you have a 'box within a box' kind of thing going on and can create space between the boxes by adding margins to the inner boxes.

(Which incidentally is pretty much what CDP does but in a slightly less elegant way - but I would think that, wouldn't I? )

Nick
iszent.com

30 Jun 2012, 10:04 PM
#65
jagall avatar

jagall

Zen Follower

Join Date:
Mar 2011
Location:
Ireland
Posts:
286
Plugin Contributions:
0

Re: Snaf

Thanks Niccol, yes pretty much separated boxes but apply a similar style like background colour on the price part and a ribbon over the box e.g. Special Offer as in this example Attachment 10727 So I can edit product listing to achieve this or would it be easier for someone like me who is has trouble with the ole css/div placement to install the version for 1.3.9 in your module?

30 Jun 2012, 10:18 PM
#66
laydback avatar

laydback

New Zenner

Join Date:
Aug 2011
Posts:
13
Plugin Contributions:
0

Re: Snaf

DivaVocals:

I'll be happy to show you the development version of the site I used this on: http://clientmybeautyaddiction(dot)overthehillweb(dot)com/

I like the look, especially the 4 columns. I noticed when you hover over a product image, it shows you a lightboxed larger image. Can you PM which mod that is please?

I'm looking forward to the next SNAF release, sounds like functionality will be increased.

30 Jun 2012, 10:34 PM
#67
niccol avatar

niccol

Totally Zenned

Join Date:
Apr 2009
Posts:
2,138
Plugin Contributions:
1

Re: Snaf

@jagall,
well you can achieve it all with some styling and that bit of code I gave you. This really has got into the realms of styling rather than too much to do with this mod. What I would suggest is that you do that little code edit I suggested and then post a new thread about the other styling issues.
SNAF really is aimed at Zen 1.5.

Nick
iszent.com

30 Jun 2012, 11:18 PM
#68
jagall avatar

jagall

Zen Follower

Join Date:
Mar 2011
Location:
Ireland
Posts:
286
Plugin Contributions:
0

Re: Snaf

Thanks Niccol, I have changed the code but will need to seek help on the styling I'd say, thanks thought for getting me started.

1 Jul 2012, 2:00 AM
#69
divavocals avatar

divavocals

Totally Zenned

Join Date:
Jan 2007
Location:
Los Angeles, California, United States
Posts:
10,011
Plugin Contributions:
3

Re: Snaf

laydback:

I like the look, especially the 4 columns.Thanks.. The four columns turned out pretty cool once we got the perfect image dimensions in place.. I found out when I was configuring SNAF that WHERE you tell Zen Cart to display the number of columns is in SEVERAL different spots within the admin configuration settings.. (some kinda not really obvious :blush:) So I now have a spreadsheet to keep track of EVERY setting where you specify the number of columns..

laydback:

I noticed when you hover over a product image, it shows you a lightboxed larger image. Can you PM which mod that is please?I hope niccol doesn't mind me posting this here.. :smile: The image hover feature courtesy of Image Handler 4.. head on over to the IH4 support thread if ya wanna know more..:smile:

laydback:

I'm looking forward to the next SNAF release, sounds like functionality will be increased.Me too.. I'm especially interested in seeing how the CDP like features will work..

My Site - Zen Cart & WordPress integration specialist
I don't answer support questions via PM. Post add-on support questions in the support thread. The question & the answer will benefit others with similar issues.

1 Jul 2012, 8:01 AM
#70
niccol avatar

niccol

Totally Zenned

Join Date:
Apr 2009
Posts:
2,138
Plugin Contributions:
1

Re: Snaf

I found out when I was configuring SNAF that WHERE you tell Zen Cart to display the number of columns is in SEVERAL different spots within the admin configuration settings.. (some kinda not really obvious ) So I now have a spreadsheet to keep track of EVERY setting where you specify the number of columns..

Hmmm, yeah. I think there are some inconsistencies in there. Good catch.

I think it stems from the difference in the sql statement max numbers and the product listing max numbers. But if you send me the spreadsheet it will help me track it down. What i am thinking is that if you use product listing then all the settings for the standard product listing should be used. At the moment it still uses the max number of products for the specials but then displays them in the product listing style.

Nick
iszent.com

1 Jul 2012, 12:17 PM
#71
divavocals avatar

divavocals

Totally Zenned

Join Date:
Jan 2007
Location:
Los Angeles, California, United States
Posts:
10,011
Plugin Contributions:
3

Re: Snaf

niccol:

Hmmm, yeah. I think there are some inconsistencies in there. Good catch.

I think it stems from the difference in the sql statement max numbers and the product listing max numbers. But if you send me the spreadsheet it will help me track it down. What i am thinking is that if you use product listing then all the settings for the standard product listing should be used. At the moment it still uses the max number of products for the specials but then displays them in the product listing style.Oh yes happy to share my spreadsheet with you, and anyone else who wants it.. :smile:

My Site - Zen Cart & WordPress integration specialist
I don't answer support questions via PM. Post add-on support questions in the support thread. The question & the answer will benefit others with similar issues.

1 Jul 2012, 2:13 PM
#72
divavocals avatar

divavocals

Totally Zenned

Join Date:
Jan 2007
Location:
Los Angeles, California, United States
Posts:
10,011
Plugin Contributions:
3

Re: Snaf

DivaVocals:

Thanks.. The four columns turned out pretty cool once we got the perfect image dimensions in place.. I found out when I was configuring SNAF that WHERE you tell Zen Cart to display the number of columns is in SEVERAL different spots within the admin configuration settings.. (some kinda not really obvious :blush:) So I now have a spreadsheet to keep track of EVERY setting where you specify the number of columns..

niccol:

Hmmm, yeah. I think there are some inconsistencies in there. Good catch.

I think it stems from the difference in the sql statement max numbers and the product listing max numbers. But if you send me the spreadsheet it will help me track it down. What i am thinking is that if you use product listing then all the settings for the standard product listing should be used. At the moment it still uses the max number of products for the specials but then displays them in the product listing style.Here it is.. There are 5 places where you set the number of products per row to display. But this setting alone is not all that needs to be adjusted to make your grid product display pages look good.. The number of products to display per page needs to correspond to the number of rows or you will have odd looking page displays.. In the example below, the sample settings shown are based on all the pages having 4 products per row.

Configuration > Maximum Values
Products on Special 8
New Products Module 8
Upcoming Products 12
**Categories To List Per Row ** 4
New Products Listing- Number Per Page 12
Also Purchased Products 8
Maximum Categories Products Display List 12
Maximum Display of Featured Products - Main Page 8
Maximum Display of Featured Products Page 12
Products Listing- Number Per Page 12
Maximum Display of Specials Products - Main Page 8
Maximum Display of Products All Page 12
Configuration > Index Listing
**New Products Columns per Row ** 4
Featured Products Columns per Row 4
Special Products Columns per Row 4
Configuration > Product Info
Also Purchased Products Columns per Row 4

My Site - Zen Cart & WordPress integration specialist
I don't answer support questions via PM. Post add-on support questions in the support thread. The question & the answer will benefit others with similar issues.

1 Jul 2012, 3:29 PM
#73
niccol avatar

niccol

Totally Zenned

Join Date:
Apr 2009
Posts:
2,138
Plugin Contributions:
1

Re: Snaf

So my question is whether when someone uses product listing style in SNAF for the specials page ( for example ) the maximum number of products displayed should be:

  1. determined by the product listing setting (Products Listing- Number Per Page)
  2. determined by the specials page setting (Products on Special)

I can't make up my mind. The first one makes sure all the listings are the same automatically. The second one means that you have more flexibility.

Also, on that list of places to change things should be : configuration -> product listing -> product listings column per row.

The other settings for number of rows all have to do with the center boxes - which SNAF does not fiddle with at all.

Nick
iszent.com

1 Jul 2012, 5:04 PM
#74
divavocals avatar

divavocals

Totally Zenned

Join Date:
Jan 2007
Location:
Los Angeles, California, United States
Posts:
10,011
Plugin Contributions:
3

Re: Snaf

niccol:

So my question is whether when someone uses product listing style in SNAF for the specials page ( for example ) the maximum number of products displayed should be:

  1. determined by the product listing setting (Products Listing- Number Per Page)
  2. determined by the specials page setting (Products on Special)

I can't make up my mind. The first one makes sure all the listings are the same automatically. The second one means that you have more flexibility.

niccol:

Also, on that list of places to change things should be : configuration -> product listing -> product listings column per row.Ahhhh left this off of my list accidentally..

niccol:

The other settings for number of rows all have to do with the center boxes - which SNAF does not fiddle with at all.True, but the listings pages and centerboxes should be configured similarly..

My Site - Zen Cart & WordPress integration specialist
I don't answer support questions via PM. Post add-on support questions in the support thread. The question & the answer will benefit others with similar issues.

3 Jul 2012, 4:33 PM
#75
niccol avatar

niccol

Totally Zenned

Join Date:
Apr 2009
Posts:
2,138
Plugin Contributions:
1

Re: Snaf

SNAF version 1.2 has just been submitted to the plugins section. So, should be available for download in the near future. Please read the read_me file for more information.

The main added features are:

  1. Added a few page elements to the product listing layout to allow easier styling.
  2. Added a 'style changer' feature so that users can change between 'rows' and 'columns' themselves. This can be turned off.
  3. Minor bug fixes.

The style changer has a couple of icons that are used as buttons. As has been mentioned in another thread (not that politely actually :D ) I am not a graphic designer. So, the icons will probably need to be changed to match your own template. If any of the graphic design orientated people out there want to send me some lovely icons then I'll include them in the next release. Or post them so everyone can use them.

Nick
iszent.com

3 Jul 2012, 6:28 PM
#76
divavocals avatar

divavocals

Totally Zenned

Join Date:
Jan 2007
Location:
Los Angeles, California, United States
Posts:
10,011
Plugin Contributions:
3

Re: Snaf

niccol:

The style changer has a couple of icons that are used as buttons. As has been mentioned in another thread (not that politely actually :D )What rude person critiqued your graphic design work??? Let me at 'em.. :laugh::laugh:

JUST KIDDING!!! (before someone reading this takes me seriously...)

My Site - Zen Cart & WordPress integration specialist
I don't answer support questions via PM. Post add-on support questions in the support thread. The question & the answer will benefit others with similar issues.

5 Jul 2012, 7:29 PM
#77
lat9 avatar

lat9

Administrator

Join Date:
Sep 2009
Location:
Stuart, FL
Posts:
14,111
Plugin Contributions:
56

Re: Snaf

Any thoughts about expanding this plugin to cover the advanced_search_result page, too?

5 Jul 2012, 8:02 PM
#78
niccol avatar

niccol

Totally Zenned

Join Date:
Apr 2009
Posts:
2,138
Plugin Contributions:
1

Re: Snaf

No, I had absolutely no thoughts of doing that at all...

But it evidently makes sense to do it. Which just goes to show how shortsighted one can be when you have your head in code. So, yes, now I have some thoughts about that.

I probably won't get to it in the near future though as I have just had my burst of developing on SNAF ....

Nick
iszent.com

6 Jul 2012, 6:02 PM
#79
lat9 avatar

lat9

Administrator

Join Date:
Sep 2009
Location:
Stuart, FL
Posts:
14,111
Plugin Contributions:
56

Re: Snaf

niccol:

No, I had absolutely no thoughts of doing that at all...

But it evidently makes sense to do it. Which just goes to show how shortsighted one can be when you have your head in code. So, yes, now I have some thoughts about that.

I probably won't get to it in the near future though as I have just had my burst of developing on SNAF ....
Thanks for adding this to the SNAF wishlist ...

18 Jul 2012, 2:30 PM
#80
jagall avatar

jagall

Zen Follower

Join Date:
Mar 2011
Location:
Ireland
Posts:
286
Plugin Contributions:
0

Re: Snaf

Hi any idea when SNAF version 1.2 will be released in the downloads section?:smile: