Results 1 to 9 of 9
  1. #1
    Join Date
    Jan 2008
    Location
    Chevreuse, France
    Posts
    273
    Plugin Contributions
    0

    Default Attribute images are stuck together !

    I can't figure this one. I have a bunch of images and radio boxes where the the customer can choose the colour of a product. Looks great, the images are distributed evenly across the page (attribute style chosen is n° 4). I have added today another bunch of images but this time with check boxes so the customer can choose one or several accessories. Same attribute style as the radio boxes (n° 4). However, whereas the radio box images are nicely spread out across the page, the check box images are all stuck together producing a poor effect. Rather than add a white canvas to each image, is there way around this in zc ?

    Cheers

    Pete

  2. #2
    Join Date
    Apr 2006
    Location
    Ohio
    Posts
    6,162
    Plugin Contributions
    0

    Default Re: Attribute images are stuck together !

    Pete,
    Please submit a link to the page in question!!
    Mark
    Hare Do

  3. #3
    Join Date
    Jan 2008
    Location
    Chevreuse, France
    Posts
    273
    Plugin Contributions
    0

    Default Re: Attribute images are stuck together !

    Here it is http://gardenserre.fr/index.php?main...&products_id=8

    Thanks for your help

    Pete

  4. #4
    Join Date
    Apr 2006
    Location
    Ohio
    Posts
    6,162
    Plugin Contributions
    0

    Default Re: Attribute images are stuck together !

    Pete,
    Add this class to your override folder ----> stylesheet.css

    .attribImg {
    padding: 0em 0.5em 0em 0.8em;
    }

    What happen with attributes images is by default the largest image overrides the layout for the whole page.
    Because Couleur has smaller image you have associated 5 per row. Looks great but when you added Accessories with larger images they overlapped.
    Mark
    Hare Do

  5. #5
    Join Date
    Jan 2008
    Location
    Chevreuse, France
    Posts
    273
    Plugin Contributions
    0

    Default Re: Attribute images are stuck together !

    Great thanks. I know have a (minor) problem in that the last radio box attribute image is now pushed onto a second row ! Anyway around this ? Also, can I not align the check boxes so they sit on the baseline instead of being based on the length of the text ?

    Cheers

    Pete

  6. #6
    Join Date
    Apr 2006
    Location
    Ohio
    Posts
    6,162
    Plugin Contributions
    0

    Default Re: Attribute images are stuck together !

    Pete,
    That image below the Accessories by itself is a seperate image called additional images you would half to remove the image from the stylesheet.css

    1. This feature is disabled in the admin panel/ catalog/ product types/ Product - General
    2. click on edit layout
    3. click on Show Product Additional Images
    4. set to 0
    5. now the image will not appear

    The radio & check box button page layout is the dimension of the largest image size.
    1. Images in Couleur are 80px by 80px
    2. Images in Accessories are 100px by 100px

    So when I had you place the class from a previous post the Couleur last image #5 wraps to the next row.

    1. Solution: recrop your Accessories images to 80px by 80px.
    Mark
    Hare Do

  7. #7
    Join Date
    Apr 2006
    Location
    Ohio
    Posts
    6,162
    Plugin Contributions
    0

    Default Re: Attribute images are stuck together !

    Quote Originally Posted by petek View Post
    Also, can I not align the check boxes so they sit on the baseline instead of being based on the length of the text.
    admin panel/ option name manager/ Couleur
    1. click edit
    2. Attribute Style for Radio Buttons/Checkbox
    3. change to 4
    4. update

    This brings the checkbox on top of the image, then image, then wording.
    Make a cleaner layout to view.

    Do the same with Accessiores

    admin panel/ option name manager/ Couleur
    1. click edit
    2. Attribute Style for Radio Buttons/Checkbox
    3. change to 4
    4. update
    Mark
    Hare Do

  8. #8
    Join Date
    Jan 2008
    Location
    Chevreuse, France
    Posts
    273
    Plugin Contributions
    0

    Default Re: Attribute images are stuck together !

    Thanks for your help. The answer obviously was to make all the attribute images the same size. Makes sense and produces the desired effect.

    Cheers

    Pete

  9. #9
    Join Date
    Apr 2006
    Location
    Ohio
    Posts
    6,162
    Plugin Contributions
    0

    Default Re: Attribute images are stuck together !

    Pete,
    Thanks for your response back to see the problem was fixed.
    Nice site, have a great Day!
    Mark
    Hare Do

 

 

Similar Threads

  1. product priced by attributes but stuck together
    By charliepingpong in forum Setting Up Categories, Products, Attributes
    Replies: 3
    Last Post: 31 May 2011, 07:38 AM
  2. Product List Price/Add To Cart stuck together
    By GLV in forum Templates, Stylesheets, Page Layout
    Replies: 7
    Last Post: 21 Nov 2008, 07:44 AM
  3. Attribute images are not showing.
    By rweeks in forum Setting Up Categories, Products, Attributes
    Replies: 14
    Last Post: 1 Aug 2008, 08:00 PM
  4. Emails are are stuck somewhere
    By Robbyn7 in forum General Questions
    Replies: 1
    Last Post: 21 May 2007, 08:53 PM
  5. Main Content and Sidebox Stuck Together
    By Lawbird123 in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 10 May 2007, 03:35 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
  •  
disjunctive-egg
Zen-Cart, Internet Selling Services, Klamath Falls, OR