Page 2 of 3 FirstFirst 123 LastLast
Results 11 to 20 of 30
  1. #11
    Join Date
    Apr 2009
    Posts
    2,134
    Plugin Contributions
    3

    Default Re: How To Reposition Attributes?

    As far as the stylesheets go your plan of keeping a back up is a good one!

    Except that you need to name it something that does not begin with 'style'. Or does not end with .css.

    How about backup_stylesheet.txt ? However you do it remember that zen will load any stylesheets that begin with the letters 'style'

  2. #12
    Join Date
    Jun 2009
    Posts
    42
    Plugin Contributions
    0

    Default Re: How To Reposition Attributes?

    Dear Niccol,

    I did not know that the thread that you asked me to look at has 2 more pages.

    I did take out the <br...> thing and I see now the photo1, photo2, etc line up without any space between.

    I tried in vain to create some space between photo5 and "$5 per person" for now they are almost merged together.

    And tried to make the how many person input box smaller by changing the size to 32 but nothing happens... maybe somewhere I have css code overriding it?

    Please notice that I added all the attribute names at the end of my stylesheet.css as follows.


    #attributeBox-photolocation{height:1em;}
    #attributeBox-photolocation .optionName{width:14em;}
    ##attributeBox-photoenhancement{height:1em;}
    #attributeBox-photoenhancement .optionName{width:14em;}
    attributeBox-photo1{height:1em;}
    #attributeBox-photo1 .optionName{width:14em;}
    #attributeBox-photo2{height:1em;}
    #attributeBox-photo2 .optionName{width:14em;}
    #attributeBox-photo3{height:1em;}
    #attributeBox-photo3 .optionName{width:14em;}
    #attributeBox-backgroundphoto4{height:1em;}
    #attributeBox-backgroundphoto4 .optionName{width:14em;}
    #attributeBox-photo5{height:5em;}
    #attributeBox-photo5 .optionName{width:14em;}
    #attributeBox-howmanyperson{height:5em;}
    #attributeBox-howmanyperson .optionName{width:14em;}
    #attributeBox-selectbackground{height:1em;}
    #attributeBox-selectbackground.optionName{width:14em;}
    #attributeBox-size{height:1em;}
    #attributeBox-size .optionName{width:14em;}
    #attributeBox-letteringlocation{height:1em;}
    #attributeBox-letteringlocation .optionName{width:14em;}
    #attributeBox-letteringtext{height:1em;}
    #attributeBox-letteringtext .optionName{width:14em;}
    #attributeBox-fonttype{height:1em;}
    #attributeBox-fonttype .optionName{width:14em;}
    #attributeBox-fontcolor{height:1em;}
    #attributeBox-fontcolor .optionName{width:14em;}

    I tried also " input{width:5px;}" with no success...

    Waiting for your further coaching...

    P.S. I do use Firefox and installed Web Developer per your advice...

    Last edited by youshine; 30 Jul 2009 at 11:59 PM.

  3. #13
    Join Date
    Apr 2009
    Posts
    2,134
    Plugin Contributions
    3

    Default Re: How To Reposition Attributes?

    OK. Put this at the bottom instead of the other stuff from before:

    Code:
    #attributeBox-photo1{height:1em;}
    #attributeBox-photo1 .optionName{width:14em;}
    #attributeBox-photo2{height:1em; clear:both}
    #attributeBox-photo2 .optionName{width:14em;}
    #attributeBox-photo3{height:1em;clear:both}
    #attributeBox-photo3 .optionName{width:14em;}
    #attributeBox-backgroundphoto4{height:1em;clear:both}
    #attributeBox-backgroundphoto4 .optionName{width:14em;}
    #attributeBox-photo5{height:1em;clear:both}
    #attributeBox-photo5 .optionName{width:14em;}
    
    #attributeBox-photoenhancement .optionName{width:20em;}
    .attributesComments{clear:both;}
    You will see that I am slowly working my way down the page.

    Unfortunately it is late and I must sleep so the rest will wait for tomorrow I am afraid!
    Attached Images Attached Images  

  4. #14
    Join Date
    Jun 2009
    Posts
    42
    Plugin Contributions
    0

    Default Re: How To Reposition Attributes?

    May you have a good and sound sleep...

    I changed my Stylesheet.css with the codes you gave last..., and see nothing much changed ... on the screen...


  5. #15
    Join Date
    Apr 2009
    Posts
    2,134
    Plugin Contributions
    3

    Default Re: How To Reposition Attributes?

    New css in file that is attached. Also a screen shot of where that takes us. Getting there I think. I am sure that you can fiddle with it and make it look better!

    You need to add an option comment for lettering location (done in admin) that will make the column headings. All the headings will be in the comment. Then we will get rid of the existing word 'location' via the css which is just there as a placeholder at the moment.

    let me know...
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	snapper1249031527893.jpg 
Views:	118 
Size:	34.8 KB 
ID:	6208  
    Attached Files Attached Files

  6. #16
    Join Date
    Jun 2009
    Posts
    42
    Plugin Contributions
    0

    Default Re: How To Reposition Attributes?

    Thanks Nick for the codes.
    Thanks to your help, my page looks like the following now.




    Now the job left is

    to move down the input boxes to align with option names (input boxes appear to show a bit higher than option names),
    to make the "how many person"'s box smaller,
    to move up the input boxes of lettering text, lettering font type and font colors to be at the same level (or line),
    and then bring the "Tell a freiend" box closer to the "Write a review." box.

    Thanks for coaching me and others who will learn by reading these posts of yours...

    richardyim
    Last edited by youshine; 31 Jul 2009 at 06:53 PM.

  7. #17
    Join Date
    Jun 2009
    Posts
    42
    Plugin Contributions
    0

    Default Re: How To Reposition Attributes?

    As you can see by clicking here below link:
    http://phoup.com/zencart1/index.php?...products_id=17

    I was able to solve last two items in my "job to do", by removing <br> in the tpl_module_attributes.php.
    =========
    div class="wrapperAttribsOptions" id="attributeBox-<?php echo $new4 ?>">

    <h4 class="optionName back"><?php echo $options_name[$i]; ?></h4>
    <div class="back"><?php echo "\n" . $options_menu[$i]; ?></div>
    < ! br>
    </div>
    ======
    and by removing {clear:both"} and entering {float:left} at the Stylesheet.css as shown below.
    ==
    /*Shopping Cart Display*/
    #productTellFriendLink{float: left;}
    #cartAdd {
    ======

    So I had two what you called; "Aha" moments... he he he... all thanks to your prodding...

  8. #18
    Join Date
    Apr 2009
    Posts
    2,134
    Plugin Contributions
    3

    Default Re: How To Reposition Attributes?

    Hey that's great - those moments are great,eh?

    So, where does that leave us?

    Point two fist. Just add the following in to the stylesheet:
    Code:
    #attributeBox-howmanypersons input{width:50px;}
    About point one. One of those browser things - it looks fine in Firefox. Let me see if I can come up with a more stable cross browser thing. You will have to help me because I can't really test in IE here at the moment!

  9. #19
    Join Date
    Apr 2009
    Posts
    2,134
    Plugin Contributions
    3

    Default Re: How To Reposition Attributes?

    Try this at the bottom of the stylesheet:

    Code:
    #attributeBox-photo1{border: 1px solid green;height:22px;}
    #attributeBox-photo2{border: 1px solid green;height:22px;}
    #attributeBox-photo3{border: 1px solid green;height:22px;}
    #attributeBox-backgroundphoto4{border: 1px solid green;height:22px;}
    #attributeBox-photo5{border: 1px solid green;height:22px;}
    
    #attributeBox-photo1 h4{margin:0;}
    #attributeBox-photo2 h4{margin:0;}
    #attributeBox-photo3 h4{margin:0;}
    #attributeBox-backgroundphoto4 h4{margin:0;}
    #attributeBox-photo5 h4{margin:0;}
    I have put some borders in to see what is going on more clearly and then I have taken the margins out of the h4s.

    Tell me how you get on.....

  10. #20
    Join Date
    Jun 2009
    Posts
    42
    Plugin Contributions
    0

    Default Re: How To Reposition Attributes?

    Just saw the finished page with your last codes and my face beams with joy..... YOU MADE MY DAY, NICK!
    Thank you, thank you!

    This world is much nicer place to sojourn because of people like you willing to help others.

    In appreciation, let me play a song which I enjoy.....
    <embed src=http://www.youshineblog.com/mp3/karas2.mp3 width=300 height=50></embed>


    It's from one of my old LP records.

    http://www.youshineblog.com/mp3/g.m.-a.w..asf
    Last edited by youshine; 31 Jul 2009 at 11:13 PM.

 

 
Page 2 of 3 FirstFirst 123 LastLast

Similar Threads

  1. Reposition Multiple Images
    By ricangem in forum Setting Up Categories, Products, Attributes
    Replies: 11
    Last Post: 21 Jul 2011, 02:05 PM
  2. How to reposition Size attribute?
    By Asdesign in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 11 Jun 2009, 04:05 AM
  3. How do I reposition the registration and login text on my homepage?
    By elainedutton in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 2 Jun 2008, 10:37 PM
  4. how do i move/reposition the 'add to cart' button?
    By what44 in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 27 Oct 2007, 08:02 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