Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

Product Listing Enhancements, Thumbnails & Manufacturer Headings


spooks

Recommended Posts

Uggg!!

 

I found it. It was the language file alright. I edited that file several times, making sure I had defined text for HEADING_TITLE.

My problem was, in my dev system, I had the url of my production domain configured for the search button, so when you clicked go to do the search, the results showed up but it was the results from my production system. I hadn't modified the language file there yet so naturally it was not going to produce the results cuz nothing changed yet.

 

as soon as I corrected that, the results heading appeared the way it was supposed to.

 

thanks though, I was just as convinced that the language file had to have something to do with it but just overlooked something else and sometimes it takes typing it out and having someone tell you as well to make you pay attention more closely.

Link to comment
Share on other sites

 

OK, you seem to be a little confused as how the search works, so to make that clear:

 

advanced_search.php accepts the data then advanced_search_result.php builds the query, then product_listing.php outputs the query having passed it through the split_page_results.php class for pagination

 

so your title is from advanced_search_result.php though the language file for that is advanced_search.php

Sam

 

Remember, What you think I ment may not be what I thought I ment when I said it.

 

Contributions:

 

Auto Backup your Database, Easy way

 

Multi Images with Fancy Pop-ups, Easy way

 

Products in columns with multi buy etc etc

 

Disable any Category or Product, Easy way

 

Secure & Improve your account pages et al.

Link to comment
Share on other sites

  • 2 weeks later...

Got a couple of questions about making it look the way I want it to.

I want to know how to center the Name and price to align with the image.

And how to get rid of the extra space (vertically) between the image to Name and Name to Price.

See image:

help.jpg

Thanks for the awesome cont. and thanks for the help in advance!

Link to comment
Share on other sites

Mis-aligned content

The default for thumbnails is centered. wink.gif

 

Your issue is usually caused by failing to update your css during the install, check it all again

Sam

 

Remember, What you think I ment may not be what I thought I ment when I said it.

 

Contributions:

 

Auto Backup your Database, Easy way

 

Multi Images with Fancy Pop-ups, Easy way

 

Products in columns with multi buy etc etc

 

Disable any Category or Product, Easy way

 

Secure & Improve your account pages et al.

Link to comment
Share on other sites

Mis-aligned content

 

The default for thumbnails is centered. wink.gif

 

Your issue is usually caused by failing to update your css during the install, check it all again

 

Ok I rechecked everything and It all looks good.

I didnt do the optional stuff like Background image, easy graphical borders, or manufacturers description.

All the CSS seems to be in place, but the content still isnt aligned correctly.

Any thoughts?

Link to comment
Share on other sites

Ok I rechecked everything and It all looks good.

I didnt do the optional stuff like Background image, easy graphical borders, or manufacturers description.

All the CSS seems to be in place, but the content still isnt aligned correctly.

Any thoughts?

 

I still would say its your css, perhaps you have created errors within causeing the issue.

 

Can u give a link?

Sam

 

Remember, What you think I ment may not be what I thought I ment when I said it.

 

Contributions:

 

Auto Backup your Database, Easy way

 

Multi Images with Fancy Pop-ups, Easy way

 

Products in columns with multi buy etc etc

 

Disable any Category or Product, Easy way

 

Secure & Improve your account pages et al.

Link to comment
Share on other sites

Please Help Product Listing Style as List

 

Help make a separator in the list of products.

 

When i configure Product Listing Style as List there is no separator between products.

Set it in the CSS style is not possible.

I searched for 2 days and could not find anywhere in any place used the tag <tr> (first and last in the attached code).

This tag defines a table cell with information about the product. Where can I find this tag to add a CSS class, for example <tr class="prodlistitemborder">?

 

Ability to use CSS is in the mode Product Listing Style as thumbnails, but in the list mode of such a possibility is not provided.

Help me please to find this hidden tag <tr>.

 

 

<tr> 
   <td align="center" class="productListing-data" width="25%" ><a href="http://localhost/servers-shop/product_info.php/products_id/35?osCsid=mb91k3f2hhgg40qrak6qgqg0j4"><img src="images/JB_White.jpg" border="0" alt="Виски Jim Beam White Premium (0,5л)" title=" Виски Jim Beam White Premium (0,5л) " width="50" height="143" /></a></td> 
   <td class="productListing-data" width="25%" ><h4><a href="http://localhost/servers-shop/product_info.php/products_id/35?osCsid=mb91k3f2hhgg40qrak6qgqg0j4">Виски Jim Beam White Premium (0,5л)</a></h4></td> 
   <td align="center" class="productListing-data" width="25%" ><span class="prodlistprice">Цена:<br />100,00грн.</span></td> 
   <td align="center" class="productListing-data" width="50%" colspan="2"><form name="cart_quantity" action="http://localhost/servers-shop/index.php/cPath/25_26/sort/2a/action/add_product?osCsid=mb91k3f2hhgg40qrak6qgqg0j4" method="post"><table border="0" width="100%" cellspacing="0" cellpadding="2"><tr><td  align="center" class="productListing-data"></td><td align="center" class="productListing-data"><br /><input type="hidden" name="products_id" value="35" /><span class="buttons"><button type="submit" class="positive" value="Купить">Купить</button></span>  <br /><br /><span class="buttons"><a href="http://localhost/servers-shop/product_info.php/products_id/35?osCsid=mb91k3f2hhgg40qrak6qgqg0j4"> Подробнее </a></span><br /><br /></td></tr></table></form></td> 
 </tr>

Link to comment
Share on other sites

How to make a separator in the list of products.

 

 

This is not nearly as simple as you may think, the listing is made of multi-dimensioned arrays for output as a info-box (which creates multiple columns for output) , you cant simply add a single line somewhere to get what you want.

 

This should get you roughly what u want:

 

in modules/product_listing.php find(457):

 

    $list_box_contents[$cur_row] = list_box_data($listing, $column_list); 

}
 $empty_list = false;

 

replace with:

 

   $list_box_contents[$cur_row] = list_box_data($listing, $column_list); 

  for ($x=0, $n=sizeof($list_box_contents[$cur_row]); $x<$n; $x++) {
  $list_box_contents[$cur_row+1][$x] = array('align' => 'center',
                                      	'params' => 'class="seperator"  ',
                                      	'text' =>  '<br /><hr><br />');
   }
}
 unset($list_box_contents[$cur_row+1]);
 $empty_list = false;

 

You will not this results in a seperator with gaps in it at each column, to remove those gaps you must modify the box class, to remove the padding, this may effect other parts of your site.

 

in classes/boxes.php find(17)

 

	var $table_cellpadding = '2';

replace with:

 

	var $table_cellpadding = '0';

 

 

Hope that helps. smile.gif

Sam

 

Remember, What you think I ment may not be what I thought I ment when I said it.

 

Contributions:

 

Auto Backup your Database, Easy way

 

Multi Images with Fancy Pop-ups, Easy way

 

Products in columns with multi buy etc etc

 

Disable any Category or Product, Easy way

 

Secure & Improve your account pages et al.

Link to comment
Share on other sites

Excellent!

Thank you very much.

Since the CSS style for tag <hr> interpreted differently in all browsers, I used the class "separator" instead dividing line:

 

   $list_box_contents[$cur_row+1][$x] = array('align' => 'center',
                                       'params' => 'class="separator"  ',
                                       'text' =>  '<br />');

 

and CSS style

 

TD.separator {
border-top: 0px solid #fff;
border-bottom: 1px dotted #ccc;
background: #fff;
color: #fff;
}

Link to comment
Share on other sites

Great Contribution - thanks for your efforts.

 

Is there a way to get rid of the "Results per page" and "Sort order" but still keep the "Display 1 to 4 (of 8 products) and "Results page 1,2 (Next..)

 

I read post 861 and changed the setting to "0" but it also gets rid of the "Display..." and "Results..."

Link to comment
Share on other sites

Remove "Results per page" and "Sort order" but still keep the "Display 1 to 4 (of 8 products) and "Results page 1,2 (Next..)

 

product_listing.php module, line 86:

if ($top_nav && ($listing_split->number_of_rows > 0)) echo $drop;

 

add before:

$drop='';

 

Thats all u need to do!! smile.gif

Edited by spooks

Sam

 

Remember, What you think I ment may not be what I thought I ment when I said it.

 

Contributions:

 

Auto Backup your Database, Easy way

 

Multi Images with Fancy Pop-ups, Easy way

 

Products in columns with multi buy etc etc

 

Disable any Category or Product, Easy way

 

Secure & Improve your account pages et al.

Link to comment
Share on other sites

Spooks,

 

Your enhancement is a godsend. For me, this has been the most helpful mod I've found so far. Thanks so much (and for this thread!).

 

I'm wanting to modify the product listing page, but I'm a little unsure of how to tweak the boxes/layout. For the most part I like the list view, but I want to change it so that table area for the short description is wider, the price bigger (and over to the far left), and, if possible, I'd like to move the add to cart (and/or Details button) below the short description ....

 

Here's how my product list currently looks:

current.jpg

 

And here's how I'd like it to look: (my crude photoshop skills put to use)...

want_to_look.jpg

 

Is this an easy thing to do? Or is it even possible??

Link to comment
Share on other sites

Hi there

 

i think "the best of the best" is a great choice of words :o :o :o :o it's great.... , it's huge :thumbsup:

 

thankyou for this

 

i have a request

can you add a Button just next to the BUY button linked to Product_url in any of the styles (i'm intested in LIST IN BLOCKS) ???? (dont say me "USE DESCRIPTION OR DETAIL" i've alreday done i want this link in addition :rolleyes: :D )

i appreciate you in advance

good speed u!

Edited by arash.najafi
Link to comment
Share on other sites

Uploaded new version 2.0

 

1. Added a separator between products in list modes, simply use the new class TD.separator to enable/use.

2. Fixed a minor image bug in one of the list modes.

3. Modified the list block mode, the image is still on the left (if enabled) the center column will contain all remaining fields bar the last that will appear in the right column, the field order is that set in admin. IE if you want the price in the right column give it the highest value in admin/product listing.

4. Added class for listing price, (.productListing-list-price)

 

Changed files: product_listing.php, CSS

 

UPGRADING

Upload the changed file.

Add new entries to your style sheet

 

new css entries are:

 

 TD.separator {border-bottom: 1px solid #ccc;}

.productListing-list-price {
font-family: Verdana, Arial, sans-serif;
font-size: 16px;
color: #333;
}

TABLE.buytable {
	width: 100%;
	height: 80px;
	vertical-align: bottom;
    	text-align:right;
}

TR.list-block {
}  

 

Enjoy!! biggrin.gif

 

 

Sam

 

Remember, What you think I ment may not be what I thought I ment when I said it.

 

Contributions:

 

Auto Backup your Database, Easy way

 

Multi Images with Fancy Pop-ups, Easy way

 

Products in columns with multi buy etc etc

 

Disable any Category or Product, Easy way

 

Secure & Improve your account pages et al.

Link to comment
Share on other sites

I like the list view, but I want to change it so that table area for the short description is wider, the price bigger (and over to the far left), and, if possible, I'd like to move the add to cart (and/or Details button) below the short description ....

 

You should be able to achieve what you want with the new version 2.0, let me know how you get on with it. wink.gif

Sam

 

Remember, What you think I ment may not be what I thought I ment when I said it.

 

Contributions:

 

Auto Backup your Database, Easy way

 

Multi Images with Fancy Pop-ups, Easy way

 

Products in columns with multi buy etc etc

 

Disable any Category or Product, Easy way

 

Secure & Improve your account pages et al.

Link to comment
Share on other sites

I've had a 'Shop by price' contribution installed along with this one and whilst the two seem to work fine there is one small problem I'm having, if anyone can help it would be appreciated...

 

When I view the product info page direct from the category or product the sort by drop downs work fine, however when I select a price range (from the shop_by_price box) the drop downs in the Shop_by_price page show as:

 

PriceNUM_ORDER

Product NameAPHA_ORDER

PriceREVERSE_NUM_ORDER

Product NameREVERSE_APHA_ORDER

 

The words in red shouldn't be there, the list should read:

 

Product Name

Price, low to high

Poduct Name, reverse

Price, High to Low

 

It also doesn't present the short description either bu I can live with that.

 

I imagine that this issomething more to do with the socidng of the Shop_by_price file, by I've been looking for hours and an getting no where and no-one seems to be following the other thread anymore.

 

If anyone has any ideas I'd be grateful for your help.

Edited by Brooks552
Link to comment
Share on other sites

hello Spooks....

please set a Button BELOW Buy button linked to Products_URL

I Use "LIST IN BLOCKS" style.... i want a button below buy button which need be linked to Product URL .... please help me... i have no idea about PHP, HTML ro whatever... but for you it would be a peace of cake... or a glass of water.... so if you can work this out for me :rolleyes:

(i want link products to IMDB.Com ... so i want set a IMDB.gif on that button... if you do me this favor)

PLzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz :mellow:

Link to comment
Share on other sites

hello Spooks....

please set a Button BELOW Buy button linked to Products_URL

I Use "LIST IN BLOCKS" style.... i want a button below buy button which need be linked to Product URL .... please help me... i have no idea about PHP, HTML ro whatever... but for you it would be a peace of cake... or a glass of water.... so if you can work this out for me :rolleyes:

(i want link products to IMDB.Com ... so i want set a IMDB.gif on that button... if you do me this favor)

PLzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz :mellow:

 

something like this (it's photoshop work)

 

imdblink.jpg

Link to comment
Share on other sites

I Use "LIST IN BLOCKS" style.... i want a button below buy button which need be linked to Product URL .... please help me... i have no idea about PHP, HTML ro whatever... but for you it would be a peace of cake... or a glass of water.... so if you can work this out for me rolleyes.gif

 

 

I`m sorry, this is a specific requirement you have, and one you are able to achieve through the description anyway.

 

I`m happy to give support that will benifit many, but where it is specific to a site I feel you would be better getting someone to look at your specific issues locally.

 

 

I'm sure u will reply that you feel this will benifit many, but people always say that when they have an issue they are unable to resolve themselfs.

 

 

Best of luck finding your solution. smile.gif

Sam

 

Remember, What you think I ment may not be what I thought I ment when I said it.

 

Contributions:

 

Auto Backup your Database, Easy way

 

Multi Images with Fancy Pop-ups, Easy way

 

Products in columns with multi buy etc etc

 

Disable any Category or Product, Easy way

 

Secure & Improve your account pages et al.

Link to comment
Share on other sites

Thankyou Spooks

 

You're right to a 100 percent... it's not something general.... it's specific

 

Can you at least tell me "How to Remove this freaking UNDERLINE" from Product name in "LIST IN BLOCKS" mode??? :rolleyes:

 

look at the name of product in picture below:

 

Saving Private Ryan

 

imdblink.jpg

 

any of your cooperation is appreciated in advance :thumbsup:

Edited by arash.najafi
Link to comment
Share on other sites

How to Remove this freaking UNDERLINE" from Product name

 

 

Thats standard css stuff, look up removing text decoration in links.

 

Edit, oops, just saw that is in the code for that mode (not sure how that got there) . blush.gif

 

line:227

 

$text = $link.'<b><u>' . $listing['products_name'] . '</u></b></a>' . ($listing['short_desc'] && (PRODUCT_SHORT_DESC == 'true') ? '<br /><span class="short">' . $listing['short_desc'] . '</span>' : '');

replace with:

 

$text = $link.'<b>' . $listing['products_name'] . '</b></a>' . ($listing['short_desc'] && (PRODUCT_SHORT_DESC == 'true') ? '<br /><span class="short">' . $listing['short_desc'] . '</span>' : '');

Edited by spooks

Sam

 

Remember, What you think I ment may not be what I thought I ment when I said it.

 

Contributions:

 

Auto Backup your Database, Easy way

 

Multi Images with Fancy Pop-ups, Easy way

 

Products in columns with multi buy etc etc

 

Disable any Category or Product, Easy way

 

Secure & Improve your account pages et al.

Link to comment
Share on other sites

Thats standard css stuff, look up removing text decoration in links.

 

Edit, oops, just saw that is in the code for that mode (not sure how that got there) . blush.gif

 

line:227

 

$text = $link.'<b><u>' . $listing['products_name'] . '</u></b></a>' . ($listing['short_desc'] && (PRODUCT_SHORT_DESC == 'true') ? '<br /><span class="short">' . $listing['short_desc'] . '</span>' : '');

replace with:

 

$text = $link.'<b>' . $listing['products_name'] . '</b></a>' . ($listing['short_desc'] && (PRODUCT_SHORT_DESC == 'true') ? '<br /><span class="short">' . $listing['short_desc'] . '</span>' : '');

 

thakyou sooooooooo much Spooks

 

i just searched <u> and deleted it.... and it worked.... (i had no idea about HTML or PHP codes but now i know that <U> tag means UNDERLINE :lol: )

 

God Speed ya! :thumbsup:

Link to comment
Share on other sites

Sorry to bump this one, any ideas would be appreciated.

 

I've had a 'Shop by price' contribution installed along with this one and whilst the two seem to work fine there is one small problem I'm having, if anyone can help it would be appreciated...

 

When I view the product info page direct from the category or product the sort by drop downs work fine, however when I select a price range (from the shop_by_price box) the drop downs in the Shop_by_price page show as:

 

PriceNUM_ORDER

Product NameAPHA_ORDER

PriceREVERSE_NUM_ORDER

Product NameREVERSE_APHA_ORDER

 

The words in red shouldn't be there, the list should read:

 

Product Name

Price, low to high

Poduct Name, reverse

Price, High to Low

 

It also doesn't present the short description either bu I can live with that.

 

I imagine that this issomething more to do with the socidng of the Shop_by_price file, by I've been looking for hours and an getting no where and no-one seems to be following the other thread anymore.

 

If anyone has any ideas I'd be grateful for your help.

Link to comment
Share on other sites

 

 

Check you updated all the language files given in the instructions, and uploaded the changed files.

Sam

 

Remember, What you think I ment may not be what I thought I ment when I said it.

 

Contributions:

 

Auto Backup your Database, Easy way

 

Multi Images with Fancy Pop-ups, Easy way

 

Products in columns with multi buy etc etc

 

Disable any Category or Product, Easy way

 

Secure & Improve your account pages et al.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Unfortunately, your content contains terms that we do not allow. Please edit your content to remove the highlighted words below.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...