Page 1 of 2 12 LastLast
Results 1 to 10 of 17
  1. #1
    Join Date
    Mar 2009
    Posts
    11
    Plugin Contributions
    0

    Default Move price and quantity side by side in product listing

    I'm running Zen Cart 1.3.8a and would like to make my product listing clearer by re-orienting the price and quantity so that they sit side-by-side, rather than one on top of another.

    As it stands, both these items sit in one column in an ugly and confusing manner. Ideally they would sit in separate columns (not an option in the admin area, so far as I'm aware).

    My product listing is at: http://www.smptheatre.co.uk/zen/inde...=index&cPath=1

    This is how it currently stands:


    This is a mockup of how I would like it to be:


    Any suggestions?

    Thanks!

  2. #2
    Join Date
    Dec 2006
    Posts
    85
    Plugin Contributions
    0

    Default Re: Move price and quantity side by side in product listing

    1. [FONT=Arial][FONT=Arial]In the Admin, go to Configuration > Product Listing – the section labeled ‘Display Product Price/Add to Cart Column Width’ set it to 155px (Play Around with numbers Later. [/FONT][/FONT][FONT=Arial][FONT=Arial]This takes a bit of tweeking to have this fit on one single line – the table itself is of a dynamic width and so any information in the other cells might shift this around.[/FONT][/FONT][FONT=Arial][FONT=Arial])
      [/FONT]
      [/FONT]
    2. [FONT=Arial][FONT=Arial]In the file called ‘product_listing.php’ (can be found under includes/modules/product_listing.php) look for:[/FONT][/FONT]


    PHP Code:

    case 'PRODUCT_LIST_PRICE':
    $lc_price zen_get_products_display_price($listing->fields['products_id']) . '<br />';
    $lc_align 'right'
    [FONT=Arial][FONT=Arial]Change It To:[/FONT][/FONT]

    PHP Code:

    case 'PRODUCT_LIST_PRICE':
    // Changed By AA TECH DESIGN To Kill Break Between QTY and Price
    // $lc_price = zen_get_products_display_price($listing->fields['products_id']) . '<br />';
    $lc_price zen_get_products_display_price($listing->fields['products_id']) ;
    $lc_align 'right'
    [FONT=Arial][FONT=Arial]Note the lack of the <br /> tag on the 2nd line.

    Now Also Find And Change:[/FONT]
    [/FONT]


    PHP Code:

    $lc_text 
    .= '<br />' zen_get_buy_now_button($listing->fields['products_id'], $the_button$products_link) . '<br />' zen_get_products_quantity_min_units_display($listing->fields['products_id']); 
    With The Following:

    PHP Code:

    // Removed Break and Added 2 Spaces so the QTY and Price are in one line by AA TECH DESIGN

    $lc_text .= '&nbsp;&nbsp;' zen_get_buy_now_button($listing->fields['products_id'], $the_button$products_link) . '<br />' zen_get_products_quantity_min_units_display($listing->fields['products_id']); 
    That should do it for you. Good Luck. And Make Backups, Just In Case.

    Regards,
    AA TECH DESIGN

  3. #3
    Join Date
    Mar 2009
    Posts
    11
    Plugin Contributions
    0

    Default Re: Move price and quantity side by side in product listing

    Awesome, it worked a treat - thanks.

  4. #4
    Join Date
    Dec 2006
    Posts
    85
    Plugin Contributions
    0

    Default Re: Move price and quantity side by side in product listing

    No, Problem. I owe the community more than that. I hope others will find this useful as well.

  5. #5
    Join Date
    Nov 2008
    Posts
    1
    Plugin Contributions
    0

    Default Re: Move price and quantity side by side in product listing

    Dear AATECH or any other problem solver,

    We did what you suggested, but somehow our product listing still has breaks and will not show on one line. Also, the product names are linking to individual product pages, which we don't want. We want it to be similar to what emillarsen finally achieved.

    http://www.miter-master.com/index.ph...=index&cPath=2

    Thank you in advance for any thoughts or suggestions.

  6. #6
    Join Date
    Dec 2006
    Posts
    85
    Plugin Contributions
    0

    Default Re: Move price and quantity side by side in product listing

    Well your fonts are too big and I think your table is causing it to move up a line. Also you difinitley missed something in the instructions we put before... go over it again...

    - AA TECH DESIGN

  7. #7
    Join Date
    Dec 2009
    Posts
    43
    Plugin Contributions
    0

    Default Re: Move price and quantity side by side in product listing

    Dear AATech and others great helpers.


    I have same issue.. I following up the same instruction...
    price and add button did works and became same line but not the cart "box". cart box is still under the line. I did play around
    "Configuration > Product Listing – the section labeled ‘Display Product Price/Add to Cart Column Width" but makes no difference.

    Please take a look at my attached photo.
    What about the product photo?

    Please help me..
    thank you.
    Attached Images Attached Images  
    Last edited by digulu; 6 Jan 2010 at 12:15 AM. Reason: reenter
    Thanks,
    digulu

  8. #8
    Join Date
    Dec 2006
    Posts
    85
    Plugin Contributions
    0

    Default Re: Move price and quantity side by side in product listing

    Dear Digulu,

    The problem you are having, just from looking at the picture you attached, is that the width of your site is too narrow, extend it and that should probably fix it....

    - AA TECH DESIGN
    http://aatechdesign.com

  9. #9
    Join Date
    Sep 2003
    Location
    Ohio
    Posts
    67,628
    Plugin Contributions
    6

    Default Re: Move price and quantity side by side in product listing

    I'd be interested in your posting how you achieved including the discount quantities in the Product Listing ...
    Linda McGrath
    If you have to think ... you haven't been zenned ...

    Did YOU buy the Zen Cart Team a cup of coffee and a donut today? Just click here to support the Zen Cart Team!!

    Are you using the latest? Perhaps you've a problem that's fixed in the latest version: [Upgrade today: v1.5.3]
    Officially PayPal-Certified! Just click here

    Try our Zen Cart Recommended Services - Hosting, Payment and more ...

  10. #10
    Join Date
    Dec 2009
    Posts
    43
    Plugin Contributions
    0

    Default Re: Move price and quantity side by side in product listing

    Thank you AATech! Could you please point me out where I can start? I mean I am not sure how to make my site wider since this is a template that I have applied. Could you please tell me which file am I suppose to edit? I am sorry I am not a graphic web or css development experience person. Again, your help is greatly appreciated.

    My site is http://digulu.x10hosting.com/store/i...ndex&cPath=1_4


    To Ajeh: please take a look at the forum thread # 57740 posted by Rainbow. I just followed the instruction
    Last edited by digulu; 6 Jan 2010 at 02:47 PM.
    Thanks,
    digulu

 

 
Page 1 of 2 12 LastLast

Similar Threads

  1. Display product attributes in two columns (side by side)
    By DivaVocals in forum Templates, Stylesheets, Page Layout
    Replies: 72
    Last Post: 8 Nov 2010, 01:55 AM
  2. How to move product image to the right side?
    By rainmist in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 2 Dec 2008, 05:00 PM
  3. Displayin 2 product images side by side.
    By KiwiBrian in forum Setting Up Categories, Products, Attributes
    Replies: 0
    Last Post: 20 Aug 2008, 02:41 PM
  4. Featured Product Price (Side Box)
    By Renz in forum Templates, Stylesheets, Page Layout
    Replies: 7
    Last Post: 30 Jun 2008, 06:01 AM
  5. Side by side listing comparison
    By Giorgi in forum All Other Contributions/Addons
    Replies: 2
    Last Post: 25 Apr 2007, 05:48 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •