PupStar

I am making the navbar account dropdown a little prettier only I can not seem to centrally align the icon and the links in the dropdown box as seen in the attached image. The code I have is as follows includes/modules/navbar_modules/templates/account.php <li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="#"><?php echo (tep_session_is_registered('customer_id')) ? sprintf(MODULE_NAVBAR_ACCOUNT_LOGGED_IN, $customer_first_name) : MODULE_NAVBAR_ACCOUNT_LOGGED_OUT; ?></a> <ul class="dropdown-menu"> <li> <div class="navbar-login"> <div class="col-lg-4 login-icon"><p><?php echo MODULE_TEXT_LOGIN_BOX;?></p></div> <div class="col-lg-8"> <p> <?php if (tep_session_is_registered('customer_id')) {?> <ul> <li><?php echo '<a href="' . tep_href_link('account.php', '', 'SSL') . '">' . MODULE_NAVBAR_ACCOUNT . '</a>'; ?></li> <li><?php echo '<a href="' . tep_href_link('account_history.php', '', 'SSL') . '">' . MODULE_NAVBAR_ACCOUNT_HISTORY . '</a>'; ?></li> <li><?php echo '<a href="' . tep_href_link('address_book.php', '', 'SSL') . '">' . MODULE_NAVBAR_ACCOUNT_ADDRESS_BOOK . '</a>'; ?></li> <li><?php echo '<a href="' . tep_href_link('account_password.php', '', 'SSL') . '">' . MODULE_NAVBAR_ACCOUNT_PASSWORD . '</a>'; ?></li> </ul> <?php }else{ ?> <ul> <?php echo '<li><a href="' . tep_href_link('login.php', '', 'SSL') . '">' . MODULE_NAVBAR_ACCOUNT_LOGIN . '</a></li>'; echo '<li><a href="' . tep_href_link('create_account.php', '', 'SSL') . '">' . MODULE_NAVBAR_ACCOUNT_REGISTER . '</a></li>'; ?> </ul> <?php } ?> </p> </div> </div> </li> <li> <div class="navbar-login navbar-login-session"> <div class="col-lg-10"> <p> <ul> <?php if (tep_session_is_registered('customer_id')) { echo '<li><a class="btn btn-danger btn-sm btn-block" role="button" href="' . tep_href_link('logoff.php', '', 'SSL') . '">' . MODULE_NAVBAR_ACCOUNT_LOGOFF . '</a></li>'; }?> </p> </div> </div> </li> </ul> user.css .navbar-login {width: 285px; padding-top: 6px;} .login-icon{ width: 50px; padding-top: 6px; } .login-icon{ width: 50px; } add the following to includes/languages/english/modules/navbar_modules/nb_account.php define('MODULE_TEXT_LOGIN_BOX', '<i class="fa fa-user" style="font-size:87px;color:#c9c9c9;"></i>'); Thanks Mark

Yes I meant the content of the drop down. I can not seem to manipulate the user icon

I am not sure if this has already been discussed in its own thread (not that I can find one) or if covered in more detail in an already existing topic. Please would someone more informed than me please expain the ins & outs of header tags modules i.e. how they work in relation to page, positioning etc. This would be helpful to those of us who do not already know or understand how they work. Thanks Mark

@@BrockleyJohn ok did a fresh copy of the files, not sure what happened but its now working spot on :) Thanks

@@BrockleyJohn, ok grabbed them files and nothing has changed and no errors urgh

@@BrockleyJohn I am using the latest version of Edge which I downloaded 02/10 I have placed 4 test orders for the same customer and still no 'All Orders' tab

@@BrockleyJohn I have installed this and I dont seem to have an 'All Orders' tab showing even though there are 3 test orders placed. Am I missing something? Thanks Mark

@Artcolnc Thanks Malcolm, I have closed the <a href> tag although with or without it did not change the functionality.

I have solved the padding and alignment issues by changing the code to this $fullstring = '<div class="col-sm-<?php echo $content_width; ?>"><div>'; $row=0; $manufacturers_query = tep_db_query("select manufacturers_name, manufacturers_id, manufacturers_image from " . TABLE_MANUFACTURERS . " where manufacturers_image not like '' order by manufacturers_name" ); if (tep_db_num_rows($manufacturers_query) >= '1') { while ($manufacturers = tep_db_fetch_array($manufacturers_query)) { $row++; $fullstring .= '<a href=' . tep_href_link('index.php', 'manufacturers_id=' . $manufacturers['manufacturers_id'] , 'NONSSL', false) . '>'; if ($manufacturers['manufacturers_image']) { $fullstring .= '<span class="manufacturers_logo"><img src='. 'images/' . $manufacturers['manufacturers_image'] . '></span>'; } else { $fullstring .= '<a href=' . tep_href_link('index.php', 'manufacturers_id=' . $manufacturers['manufacturers_id'], 'NONSSL', false) . '>'. $manufacturers['manufacturers_name']; } $fullstring .= '</a>'; if ((($row / 6) == (double)floor($row / 6))) { $fullstring .='<div class="manufacturers_logo"></div>'; } } $fullstring .= '</div></div>'; and by adding this to user.css .manufacturers_logo {padding-bottom: 10px;} span.manufacturers_logo {padding: 14px;} Please feel free to test and comment for improvements.

ok I managed to swap out the <table> to a <div> $fullstring = '<div class="col-sm-<?php echo $content_width; ?>"><div>'; $row=0; $manufacturers_query = tep_db_query("select manufacturers_name, manufacturers_id, manufacturers_image from " . TABLE_MANUFACTURERS . " where manufacturers_image not like '' order by manufacturers_name" ); if (tep_db_num_rows($manufacturers_query) >= '1') { while ($manufacturers = tep_db_fetch_array($manufacturers_query)) { $row++; $fullstring .= '<a href=' . tep_href_link('index.php', 'manufacturers_id=' . $manufacturers['manufacturers_id'] , 'NONSSL', false) . '>'; if ($manufacturers['manufacturers_image']) { $fullstring .= '<img src='. 'images/' . $manufacturers['manufacturers_image'] . '> '; } else { $fullstring .= '<a href=' . tep_href_link('index.php', 'manufacturers_id=' . $manufacturers['manufacturers_id'], 'NONSSL', false) . '>'. $manufacturers['manufacturers_name']; } $fullstring .= '</a>'; if ((($row / 6) == (double)floor($row / 6))) { $fullstring .='<div class="manufacturers_logo"></div>'; } } $fullstring .= '</div></div>'; and by adding this to the user.css .manufacturers_logo {padding-bottom: 10px;} As you can see in the attached image the css puts a 10px gap between the rows however I am not sure how to put padding between the logos so they are not all grouped together.

@@auzStar oh yes the vertical centering is ok.

yes to the above. I found that changing left: 50%; to left: 38%; solved the centralising issue

@@auzStar personally I left if unstyled as on my test environment it shows the animation off set to the right on full view but on mobile view in chrome it shows in the center. Mark

@@auzStar May I suggest that the animated loading gif be replaced with an animated icon to keep in with the bootstrap theme bodyContent_listing.html(\'<div class="text-center"><span class="fa fa-cog fa-spin fa-4x fa-fw"></span></div>\'); Mark

@Artcolnc The table needs converting to a <div>. I tried but could not get the layout correct. Thanks Mark

@@burt, that did not work but a slight change did .page-header, h1 {margin-top: 0px;} Thanks M

@@burt Gary, I am sure I have read somewhere about removing the gap above the 'Welcome to' message on the index page and all other pages so the page header aligns with the top of the info boxes but can not seem to find it or remember how to do it. Please will you point me in the right direction. Thanks Mark

@@Tsimi no worries mate I will keep trying and see what I come up with Thanks M

@@Tsimi, No slider as I dont really like scrolling boxes, basically 1 vertical column of 3 products Product 1 Product 2 Product 3 If that makes sense Thanks M

@@Tsimi I was just wondering if you know how to change the code to show 3 products in the info box instead of just 1. Back in the old days of 2.2 I used a while loop which is I presume how it would be done today, I have tried to implement the code but keep breaking it lol Thanks M

forget it I have it sorted. It was because I had no description entered into the test product! >_< Hi, I have installed the above contribution on 2.3.1 and it works to a degree. The admin panel is working correctly and inserting the products_id into the star_product table. However the catalog side is not displaying the product, just an empty box with no image, no price etc. Would someone take a look for me and see if they can see what I am missing? <?php function tep_star_product_with_attributes($products_id) { $attributes_query = tep_db_query("select count(*) as count from " . TABLE_PRODUCTS_ATTRIBUTES . " where products_id = '" . (int)$products_id . "'"); $attributes = tep_db_fetch_array($attributes_query); if ($attributes['count'] > 0) { return true; } else { return false; } } $star_products_query = tep_db_query("select substring(pd.products_description, 1, 100) as products_description, p.products_id, p.products_image, p.manufacturers_id, p.products_price, IF(s.status, s.specials_new_products_price, NULL) as specials_new_products_price, IF(s.status, s.specials_new_products_price, p.products_price) as final_price, p.products_tax_class_id, sp.product_id from (" . TABLE_PRODUCTS . " p, " . TABLE_PRODUCTS_DESCRIPTION . " pd, " . TABLE_STAR_PRODUCT . " sp) left join " . TABLE_SPECIALS . " s on p.products_id = s.products_id where p.products_id = pd.products_id and p.products_status = '1' and pd.products_description != '' and p.products_id=sp.product_id and pd.language_id = '" . $languages_id . "'"); $star_products = tep_db_fetch_array($star_products_query); $star_products['products_name'] = tep_get_products_name($star_products['products_id']); $evita_cortar_palabras = explode( ' ', $star_products["products_description"] ); array_pop( $evita_cortar_palabras ); $star_products["products_description"] = implode( ' ', $evita_cortar_palabras ); $star_products_price = $star_products; if (tep_not_null($star_products_price['specials_new_products_price'])) { $new_price = '<span class="starPrice">' . $currencies->display_price($star_products_price['specials_new_products_price'], tep_get_tax_rate($star_products_price['products_tax_class_id'])) . '</span><br>'; $new_price .= '<span style="color:#ffffff;font-size:12px; font-weight:normal;"><s>' . $currencies->display_price($star_products_price['products_price'], tep_get_tax_rate($star_products_price['products_tax_class_id'])) . '</s></span>'; } else { $new_price = '<span class="starPrice">' . $currencies->display_price($star_products_price['products_price'], tep_get_tax_rate($star_products_price['products_tax_class_id'])). '</span>'; } if (!tep_star_product_with_attributes($star_products['products_id'])) { $star_products["0"] = array('align' => 'left', 'params' => 'width="100%" valign="top" padding="0"', 'text' => ' <table class="box_outline3" width="99%" border="0" cellpadding="0" cellspacing="0" > <tr> <td width="191" rowspan="3" align="right" valign="top" background="images/star_img.gif"><table width="191" border="0" cellpadding="0"> <tr> <td width="30" align="left" valign="top"> <div style="padding-left:7px; padding-top:15px; " align="left" >'.$new_price . '</div></td> <td height="115" align="right" valign="middle"><a href="' . tep_href_link(FILENAME_PRODUCT_INFO, "products_id=" . $star_products["products_id"]). '">' . tep_image(DIR_WS_IMAGES . $star_products['products_image'], $star_products['products_name'], SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT) . '</a></td> </tr> </table> </td> <td height="3" align="right" class="starTitle"> </td> </tr> <tr> <td align="left" valign="top"><div style="padding-left:20px;"> <a href="' . tep_href_link(FILENAME_PRODUCT_INFO, "products_id=" . $star_products["products_id"]). '"><span class="starName" >' . $star_products['products_name'] . '</span></a><br /> <span class="starTitle" >'.STAR_TITLE.'</span><br /> <span class="starProdDesc" > <div style="padding-right:15px;" >'. strip_tags($star_products["products_description"]) . '...</div></span></td> </tr> </table>'); $star_products_output = array_slice($star_products, sizeof($star_products)-1); new contentBox1($star_products_output); } else { $star_products["0"] = array('align' => 'center', 'params' => 'width="100%" valign="top"', 'text' => ' <table class="box_outline3" width="99%" border="0" cellpadding="0" cellspacing="0" > <tr> <td width="191" rowspan="3" align="right" valign="top" background="images/star_img.gif"><table width="191" border="0" cellpadding="0"> <tr> <td width="30" align="left" valign="top"> <div style="padding-left:7px; padding-top:15px; " align="left" >'.$new_price . '</div></td> <td height="115" align="right" valign="middle"><a href="' . tep_href_link(FILENAME_PRODUCT_INFO, "products_id=" . $star_products["products_id"]). '">' . tep_image(DIR_WS_IMAGES . $star_products['products_image'], $star_products['products_name'], SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT) . '</a></td> </tr> </table> </td> <td height="3" align="right" class="starTitle"> </td> </tr> <tr> <td align="left" valign="top"><div style="padding-left:20px;"> <a href="' . tep_href_link(FILENAME_PRODUCT_INFO, "products_id=" . $star_products["products_id"]). '"><span class="starName" >' . $star_products['products_name'] . '</span></a><br /> <span class="starTitle" >'.STAR_TITLE.'</span><br /> <span class="starProdDesc" > <div style="padding-right:15px;" > '. strip_tags($star_products["products_description"]) . '...</div></span></td> </tr> </table>'); $star_products_output = array_slice($star_products, sizeof($star_products)-1); new contentBox1($star_products); } ?> Thanks Mark

@@Dan Cole sorry mate only localhost

@@Dan Cole Hi, Sterling work by the way from all involved in this :thumbsup: All other modules are set to 12

@@raiwa When the modules are side by side ie both modules content width set to 6 this is how it looks The modules are not aligning, any ideas? Mark

tells you here bud http://addons.oscommerce.com/info/8864