Results 1 to 7 of 7
  1. #1
    Join Date
    Jul 2012
    Posts
    3
    Plugin Contributions
    0

    Default Attribute Images Misaligned

    How can I get the top three pictures in the line with the other five? Thanks in advance...
    Attached Images Attached Images  

  2. #2
    Join Date
    Feb 2005
    Location
    Lansing, Michigan USA
    Posts
    20,021
    Plugin Contributions
    3

    Default Re: Attribute Images Misaligned

    We'll need a link to the site.

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

    Default Re: Attribute Images Misaligned

    Yes... a link will let us manipulate your CSS.

    It COULD be that you need a small edit in your tpl_product_info_display.php file

    EDIT - SORRY, wrong advice given... will post correction shortly
    20 years a Zencart User

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

    Default Re: Attribute Images Misaligned

    If you have a CUSTOM over-ride file for tpl_product_info_display.php, then you could try this:

    (If you don't have an over-ride file yet, just copy the CORE file into your custom template's override folder)

    FIND:
    PHP Code:
    <!--bof Attributes Module -->
    <?php
      
    if ($pr_attr->fields['total'] > 0) {
    ?>
    <?php
    /**
     * display the product atributes
     */
      
    require($template->get_template_dir('/tpl_modules_attributes.php',DIR_WS_TEMPLATE$current_page_base,'templates'). '/tpl_modules_attributes.php'); ?>
    <?php
      
    }
    ?>
    <!--eof Attributes Module -->
    MAKE THE INDICATED EDIT
    PHP Code:
    <br class="clearBoth" />

    <!--bof Attributes Module -->
    <?php
      
    if ($pr_attr->fields['total'] > 0) {
    ?>
    <?php
    /**
     * display the product atributes
     */
      
    require($template->get_template_dir('/tpl_modules_attributes.php',DIR_WS_TEMPLATE$current_page_base,'templates'). '/tpl_modules_attributes.php'); ?>
    <?php
      
    }
    ?>
    <!--eof Attributes Module -->
    20 years a Zencart User

  5. #5
    Join Date
    Jul 2012
    Posts
    3
    Plugin Contributions
    0

    Default Re: Attribute Images Misaligned

    Quote Originally Posted by schoolboy View Post
    If you have a CUSTOM over-ride file for tpl_product_info_display.php, then you could try this:

    (If you don't have an over-ride file yet, just copy the CORE file into your custom template's override folder)

    FIND:
    PHP Code:
    <!--bof Attributes Module -->
    <?php
      
    if ($pr_attr->fields['total'] > 0) {
    ?>
    <?php
    /**
     * display the product atributes
     */
      
    require($template->get_template_dir('/tpl_modules_attributes.php',DIR_WS_TEMPLATE$current_page_base,'templates'). '/tpl_modules_attributes.php'); ?>
    <?php
      
    }
    ?>
    <!--eof Attributes Module -->
    MAKE THE INDICATED EDIT
    PHP Code:
    <br class="clearBoth" />

    <!--bof Attributes Module -->
    <?php
      
    if ($pr_attr->fields['total'] > 0) {
    ?>
    <?php
    /**
     * display the product atributes
     */
      
    require($template->get_template_dir('/tpl_modules_attributes.php',DIR_WS_TEMPLATE$current_page_base,'templates'). '/tpl_modules_attributes.php'); ?>
    <?php
      
    }
    ?>
    <!--eof Attributes Module -->

    Did this and it did not work.

    Here is a link. http://www.mylittlelulubee.com/index...roducts_id=185

  6. #6
    Join Date
    May 2009
    Posts
    1,254
    Plugin Contributions
    3

    Default Re: Attribute Images Misaligned

    In your stylesheet.css line 48

    Change this

    .wrapperAttribsOptions {
    margin: 0.3em 0;
    }

    to

    .wrapperAttribsOptions {
    margin: 1.5em 0;
    }

    or

    .wrapperAttribsOptions {
    margin: 15px 0;
    }

    your can use higher values than 1.5 and 15 if you want.

  7. #7
    Join Date
    Jul 2012
    Posts
    3
    Plugin Contributions
    0

    Default Re: Attribute Images Misaligned

    Quote Originally Posted by keneso View Post
    In your stylesheet.css line 48

    Change this

    .wrapperAttribsOptions {
    margin: 0.3em 0;
    }

    to

    .wrapperAttribsOptions {
    margin: 1.5em 0;
    }

    or

    .wrapperAttribsOptions {
    margin: 15px 0;
    }

    your can use higher values than 1.5 and 15 if you want.
    THANKS, that worked well. Again Thanks!!!!

 

 

Similar Threads

  1. v150 Attribute images not in-line with attribute selection
    By JacobBushnell in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 14 Aug 2012, 11:51 PM
  2. Popup for both product images and attribute images
    By Fubarsmithuk in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 18 Jan 2011, 03:15 PM
  3. Attribute images and/or attribute pricing
    By tryphon in forum Setting Up Categories, Products, Attributes
    Replies: 2
    Last Post: 6 Apr 2009, 09:38 PM
  4. Images misaligned in Safari, after making template changes
    By carilivia in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 8 Oct 2008, 08:23 PM
  5. Attribute drop down box misaligned.
    By Karole in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 7 Mar 2007, 05:13 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