Results 1 to 4 of 4
  1. #1
    Join Date
    Aug 2010
    Location
    Hartland, MI
    Posts
    282
    Plugin Contributions
    3

    Default Attribute image layout styling

    I am trying to get the attribute images to look like the also purchased layout with the dotted lines - this is as far as I have managed to get:
    ***/test-store/index.php?main_page=product_info&cPath=105_19_20&products_id=25

    I can't get rid of the far right vertical line at the end of each row, or the top horizonal line.

    I have achieved this with edits to:
    includes/modules/CUSTOM_TEMPLATE/attributes.php
    includes/templates/CUSTOM_TEMPLATE/templates/tpl_modules_attributes.php
    includes/templates/CUSTOM_TEMPLATE/css/stylesheet.css
    includes/templates/CUSTOM_TEMPLATE/css/stylesheet_dotline.css
    includes/templates/CUSTOM_TEMPLATE/css/product_info.css

    Any help on the final hurdle would be greatly appreciated

  2. #2
    Join Date
    Jan 2014
    Location
    Ontario, Canada
    Posts
    252
    Plugin Contributions
    3

    Default Re: Attribute image layout styling

    Hi - Did you try this?
    .product-divider {/* border-bottom: 1px dashed #CCC; */}
    or this
    HR {height: 1px;margin-top: 0.5em;border: none; /* border-bottom: 1px solid #9a9a9a; */}

  3. #3
    Join Date
    Aug 2010
    Location
    Hartland, MI
    Posts
    282
    Plugin Contributions
    3

    Default Re: Attribute image layout styling

    Sorry I didn't clarify that my issue was with the dotted lines.

    I added the dashed lines using the <hr class="product-divider"> to the attributes area,
    I'm having the issue with the dotted lines that are dividing the attribute photos. I'm trying to mimic the look of the "also purchased" below that.
    I don't think I can actually do that with out some major re-coding of the attributes module, although I have a few ideas brewing...

  4. #4
    Join Date
    Jan 2014
    Location
    Ontario, Canada
    Posts
    252
    Plugin Contributions
    3

    Default Re: Attribute image layout styling

    If you are looking to mimic the "also purchased" style... You can add this module:
    http://www.zen-cart.com/downloads.php?do=file&id=3

    Then you can add dashed lines simpler.

    Hope that helps,
    (and saves you some time)

 

 

Similar Threads

  1. v150 Attribute image horizontal layout
    By pjn11 in forum Templates, Stylesheets, Page Layout
    Replies: 7
    Last Post: 13 Sep 2012, 09:09 PM
  2. Attribute Image Layout
    By matthewreece in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 29 Sep 2008, 03:37 PM
  3. Would like to attribute image layout order
    By canemasters in forum Templates, Stylesheets, Page Layout
    Replies: 11
    Last Post: 1 Aug 2007, 08:50 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