Page 3 of 3 FirstFirst 123
Results 21 to 26 of 26
  1. #21
    Join Date
    May 2010
    Posts
    142
    Plugin Contributions
    0

    Default Re: Integration into existing CSS/HTML site

    Log-in status is disabled and so the general public will be able to view products without prices and phone for prices.
    Public will also be able to view the Specials which have prices displayed,but no online transactions will take place.

    Client needs to update products and specials himself.
    EDITED:I can't use login permissions as an option since login and cart wont be used on the site.

  2. #22
    Join Date
    Jun 2005
    Location
    Cumbria, UK
    Posts
    10,266
    Plugin Contributions
    3

    Default Re: Integration into existing CSS/HTML site

    Easiest way to do this is (as you currently have done) prevent the display of prices by setting the relevant "showcase" mode.

    Then, on your specials, just add the specials price to the product's description text.

    EG:

    HTML Code:
    <b>R150.00</b>
    <br /><br />
    This product is the most fantastic invention since chewing gum.
    <br /><br />
    Please contact us for more details about it.
    If prices are enabled, you can get quite far with certain CSS declarations and by switching certain features off in the layout settings.

    Something like:

    Code:
    #productPrices, .normalprice, .productPriceDiscount, #cartAdd {
     display:none
     }
    will render these elements invisible. You can apply the same idea to other DIVS.
    20 years a Zencart User

  3. #23
    Join Date
    May 2010
    Posts
    142
    Plugin Contributions
    0

    Default Re: Integration into existing CSS/HTML site

    Quote Originally Posted by schoolboy View Post
    Easiest way to do this is (as you currently have done) prevent the display of prices by setting the relevant "showcase" mode.

    Then, on your specials, just add the specials price to the product's description text.

    EG:

    HTML Code:
    <b>R150.00</b>
    <br /><br />
    This product is the most fantastic invention since chewing gum.
    <br /><br />
    Please contact us for more details about it.
    If prices are enabled, you can get quite far with certain CSS declarations and by switching certain features off in the layout settings.

    Something like:

    Code:
    #productPrices, .normalprice, .productPriceDiscount, #cartAdd {
     display:none
     }
    will render these elements invisible. You can apply the same idea to other DIVS.
    And here I was thinking the answer must involve some serious code alterations when instead it is so simple, so logical and staring me right in the face!
    Thank you soooo much!

  4. #24
    Join Date
    May 2010
    Posts
    3
    Plugin Contributions
    0

    help question Re: Integration into existing CSS/HTML site

    So, if I'm getting you all right, I have to figure out a way to make Zen-Cart look like my website? I can't use the CSS I already have? Or is there a way to mash the two up to work well. What do I need to make sure I keep?

    <-----Totally new to Zen Cart, and still learning all the ins and outs of CSS....

  5. #25
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default Re: Integration into existing CSS/HTML site

    If you already have a CSS-styled design, the corresponding elements in Zen Cart would have different class and id names, but you could in many cases apply your already-worked-out properties directly to the ZC elements. In other cases, the way ZC creates a part of the page may require some refiguring of the CSS to achieve the same look. You can get Zen Cart to match almost any layout you can imagine; some designs will take more knowledge and skill than others.

    Two valuable tools for styling Zen Cart or any dynamic system are the Firefox extensions Web Developer and Firebug. You can use those to find the names of elements to apply styling to, the styling that applies to an element, and try CSS styling in real time before changing your actual files.
    Last edited by gjh42; 14 May 2010 at 02:55 AM.

  6. #26
    Join Date
    May 2010
    Posts
    3
    Plugin Contributions
    0

    Default Re: Integration into existing CSS/HTML site

    Quote Originally Posted by gjh42 View Post
    If you already have a CSS-styled design, the corresponding elements in Zen Cart would have different class and id names, but you could in many cases apply your already-worked-out properties directly to the ZC elements. In other cases, the way ZC creates a part of the page may require some refiguring of the CSS to achieve the same look. You can get Zen Cart to match almost any layout you can imagine; some designs will take more knowledge and skill than others.

    Two valuable tools for styling Zen Cart or any dynamic system are the Firefox extensions Web Developer and Firebug. You can use those to find the names of elements to apply styling to, the styling that applies to an element, and try CSS styling in real time before changing your actual files.
    Thank you. As you were replying, I got the epiphany to compare the source code, the CSS, and My CSS. It should actually be as easy as renaming the fields in my CSS and fix my current HTML to reflect the same names. At worst, a 2 hour job. Thanks guys. When I'm done, I may post up a brief tutorial that can be stickied if people want.

 

 
Page 3 of 3 FirstFirst 123

Similar Threads

  1. inserting into an existing site
    By kcable in forum General Questions
    Replies: 3
    Last Post: 15 Sep 2009, 04:34 PM
  2. Integration into Existing Site
    By joshlfisher in forum Templates, Stylesheets, Page Layout
    Replies: 11
    Last Post: 29 Aug 2009, 07:11 AM
  3. Existing Site Integration
    By MoreMana in forum Templates, Stylesheets, Page Layout
    Replies: 6
    Last Post: 20 Feb 2009, 03:26 PM
  4. Integration into existing site???
    By RubiconCSL in forum General Questions
    Replies: 0
    Last Post: 5 Dec 2006, 06:32 PM

Posting Permissions

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