ce7 Posted February 3, 2019 Share Posted February 3, 2019 Hi, file @ includes/modules/product_listing.php the code start from if (PRODUCT_LIST_NAME > 0) { is for product name. How can I define the code to detect if the product name request only 1(one) line length or 2 (two) lines length? As you can see from the attached image, if it is shorter product name, it will need only 1 line and the longer product name will need 2 lines which will make the square / price / button in different height level. To make sure it has the same height, I like to know if the product name string is longer, then request extra <br>, how can I achieve this? Many thanks! Lyn Link to comment Share on other sites More sharing options...
Hotclutch Posted February 3, 2019 Share Posted February 3, 2019 That's not the way to fix this layout problem. It's poor design, problem should not exist if using bootstrap 4. Link to comment Share on other sites More sharing options...
♥JcMagpie Posted February 3, 2019 Share Posted February 3, 2019 Ah but is ce7 using BS4 that is the question? Link to comment Share on other sites More sharing options...
Hotclutch Posted February 3, 2019 Share Posted February 3, 2019 what's CE7? i don't know if the OP is using a version based on BS3 or BS4. If he is using a BS3 based osC, the problem can be solved by using flex, or he can search the forum for the equal height divs that was used before, but i don't know if that's reliable or not. Link to comment Share on other sites More sharing options...
♥JcMagpie Posted February 3, 2019 Share Posted February 3, 2019 1 minute ago, Hotclutch said: CE7 ce7 is the OP! Link to comment Share on other sites More sharing options...
ce7 Posted February 3, 2019 Author Share Posted February 3, 2019 Hi all there again, @JcMagpie @Hotclutch I am using Boostrap CE frozen version. Not sure it is Boostrap 3 or Boostrap 4? I did not change any template design yet, just the original codes from frozen with few other addons, but nothing touch the css file related to this so far. The images on the top and at the bottom are the same webpage but in different browsing size. (the bottom one is full screen size) and the height change, also the buttons position looks different. So do i google " equal height divs " or "flex" to find solution? Thanks again! Lyn PS. sometimes the forums will show me alarm that i got reply sometimes I dont... like this one i did not get any alarm🤔 Link to comment Share on other sites More sharing options...
Hotclutch Posted February 3, 2019 Share Posted February 3, 2019 Forget about flex. It's above the average user level. Is there an equal height divs header tag module included with this version? If so activate it and see what happens. Link to comment Share on other sites More sharing options...
MrPhil Posted February 3, 2019 Share Posted February 3, 2019 There should be an "equal height" fix available. I don't know if it's an add-on or a module to be turned on, but there should be something available for you to use. Search the add-ons for "equal height". Link to comment Share on other sites More sharing options...
Dan Cole Posted February 3, 2019 Share Posted February 3, 2019 1 hour ago, MrPhil said: There should be an "equal height" fix available. I don't know if it's an add-on or a module to be turned on, but there should be something available for you to use. Search the add-ons for "equal height". I think it comes as part of the installed code...it probably just needs to be turned on. Dan Need help? See this thread and provide the information requested. Is your version of osC up to date? You'll find the latest osC community version (CE Phoenix) here. Link to comment Share on other sites More sharing options...
ce7 Posted February 4, 2019 Author Share Posted February 4, 2019 13 hours ago, Dan Cole said: I think it comes as part of the installed code...it probably just needs to be turned on. Dan Hi all there again, @Dan Cole @MrPhil @Hotclutch @JcMagpie Thank you for the advises. I had checked on configuration, but i can not find anywhere that allow me to modify the equal height for product listing. However I did search addon using "equal height" and this is the newest addon I think:New Equal Height Module (bootstrap). I will give it a try after I fix the problem for the button on index for product listing - New products of the month, thank you again to all of you! Lyn Link to comment Share on other sites More sharing options...
Hotclutch Posted February 4, 2019 Share Posted February 4, 2019 check your files if the module is already there. It will be in the path .../includes/modules/header_tags/.. and it will be called something like ht_equal_height_divs.php If you don't see it in Admin, it may be because you have to click the install button on the top right of Admin. Link to comment Share on other sites More sharing options...
ArtcoInc Posted February 4, 2019 Share Posted February 4, 2019 @Hotclutch IIRC, @burt removed the equal height module in Frozen, having replaced it with a CSS solution. M Link to comment Share on other sites More sharing options...
ArtcoInc Posted February 5, 2019 Share Posted February 5, 2019 @ce7 This is all I know .... You may need to contact @burt directly for more info. M Link to comment Share on other sites More sharing options...
ArtcoInc Posted February 5, 2019 Share Posted February 5, 2019 @ce7 Also, read this thread: There is also information in this thread ... I needed to fix an 'equal-height' issue, and two add-ons were suggested. One worked for me. HTH M Link to comment Share on other sites More sharing options...
ce7 Posted February 6, 2019 Author Share Posted February 6, 2019 @ArtcoInc I will try the solution provided and come back for update later, thanks! Link to comment Share on other sites More sharing options...
ce7 Posted February 7, 2019 Author Share Posted February 7, 2019 Hi all, @Hotclutch @JcMagpie @MrPhil @Dan Cole @ArtcoInc thank you for all the generous supports. I had tried the New Equal Height Modules, which working great. The index page is show as below: The image below show equal height on New Products page: the QUOTE and VIEW looks in different height level (without full screen), but if put it as full screen, it actually will align as same height level. What I am thinking of is to make button to be right each other, just like the one VIEW / BUY button on index page, that maybe will make the buttons looks in the same level height even if it is not full screen. Or is there a better way to do it? Thanks! Lyn Link to comment Share on other sites More sharing options...
Hotclutch Posted February 7, 2019 Share Posted February 7, 2019 post the html you are using for the quote and view buttons. Also think about the need for a view button at all, when there 2 other links the customer can easily click to get to that information. Link to comment Share on other sites More sharing options...
New 
Recommended Posts
Archived
This topic is now archived and is closed to further replies.