7 Flexmarket Theme Bugs and Issues

Hi there, I know Flexmarket is not a WPMUDEV theme, but as I've seen many Q&A in the forum about it and as I've opened different requests to the developer that are not being replied for the last twelve days nor closed i post here my questions just to see if you can help with ANY of them.
I'm not complaining about the developer or his support... far from that... but i need solutions and i'm in a search for them :slight_smile:, wherever it is.

demo site: http://www.ehne.org/bizilur

(1) Migration breaks Page Builder generated pages:
All pages are generated via the integrated aqua page buider and they all break, but not entirely, after migration. Specifically, every aq_block (slider, image, feature, call to action, etc) that contains a link to hosted content (images or urls) IS NOT SHOWED in the page. OK, that content was hosted locally prior to migration, but not after upload and the links where updated in the database dump . All local urls where, in fact, converted to the hosted urls prior to migration, and they're well converted (i've doble-checked, locally in the dump and online in the hosted database) as you can see every procut "featured image" sithout any problem. The content itself is also there, I've checked it too. This, for example is one of the pics of a 'Features' block that's not being showed:
http://www.ehne.org/bizilur/wp-content/uploads/2014/09/tienda-1.jpg
Every aq_bloq that does not contain urls (separator_bloq, text_bloq, etc.) is displayed.
Once logged in into wordpress (from admin view) if you go to the page-builder page and you load any template it only contains those non-url bloqs, the others have disappeared, so that's why we don't see it rendered in the page.
The thing is every block is in the database, i've checked, so why is it not loading into the templates?
I thought it was because i also renamed table prefixes in migration, and any option in the options table neede to be renamed too, but i've droped the entire db and uploaded it again with the original table prefixes and it works neither. It's something related with templates and the urls but... what?

(2) Flexmarket Theme redirects BLOG page to HOME.
It's not possible to reach to the blog page neither by clicking in the top menu link nor by writing the url directly in the browser address bar.
If I deactivate Flexmarket and use a different theme, the problem disappears.

(3) Scroll back to top not possible.
Once you scroll down, it does not work properly the scroll up. You can't get to the top again or, at least, not at first try, it gets stucked, so you've got to insist and SOMETIMES you get to the top. You can see it malfunctioning on any page.

(4) BUG: Advanced Sort Feature Fails
Dunno if the problem is originally from MarketPress or Flexmarket related, i've not checked how it works without Flexmarket theme, but this is what happens.
The scenario = you select a category, and products are shown. ok. they're quite a few under this category, so there's pagination, so you browse through pages using pagination number-links.
The action = you are on a page diferent form the fist one (let's say 2nd 3rd, dont mind) and decide to change to a diferent category. click on advanced sort button, select another category and...
The problem = BUM!! nothing on screen or (on second try, and then i understood what was happening) just 2 products under a category that has 14.
My products per page is set to 12, so then understood i was on second page. And wo it was.
This is what happens (explained through URLs).
You are on products page:
URL - .../store/products/
You click on Advanced-sort and select a category:
URL - .../store/products/#advanced-sort
You navigate through results by pagination (let's say you get to page 3):
.../store/products/page/3
Then, you're in page 3 and decide to change category. After clicking on Advanced-sort button and selecting a category:
URL - .../store/products/#advanced-sort (SHOULD BE THE URL BUT...)
URL - .../store/products/page/3#advanced-sort (IS THE ACTUAL URL)
that's it.
Let's see it on action in the site (pagination is configured to show 12 products per page):
(A) Go to http://www.ehne.org/bizilur/tienda/productos/
(B) Click on Advanced Sort ('Busqueda Avanzada') button.
(C) From first dropdown ('Por Categoria') select fifth category = 'Esnekiak/Lacteos' and click SORT. We have 2 pages of results 'cause there are 22 products under this category.
The results page has this URL: http://www.ehne.org/bizilur/tienda/productos/#advanced-sort
(D) Go to page 2 of products list (now the url is: http://www.ehne.org/bizilur/tienda/productos/page/2 )
(E) Now click on Advanced Sort ('Busqueda Avanzada') button again, and select a different category. This time we'll choose the second in the list ('Barraskiloak/Caracoles') 'cause we have only two products under this category. Click SORT.
(F) THAT'S IT!!! We've got no products shown but there are 2 products in the store under that category. What has happened? Easy, look at the URL. It is
http://www.ehne.org/bizilur/tienda/productos/page/2#advanced-sort
We are on the second page of a catergory that has only one page of results so it has nothing to show. URL should be
http://www.ehne.org/bizilur/tienda/productos/#advanced-sort
instead and, in fact, if we manually correct the url to
http://www.ehne.org/bizilur/tienda/productos/#advanced-sort
the two products are shown.

(5) Portrait (vertical) images disrupt grids and carrousels.
Is it possible to force the theme to show every box in the products grid/carrousel/etc... exactly on the same size? I guess it calculates grid pic size based on original pic size but i don't get it. I mean, I've resized all pictures to 800x600 so all of them look the same on grid, but some of them are portrait (600x800), so i resized them to 450x600 but they're bigger portrait-like boxes anyway. Strangely, some of the pics are 627x600 and the them shows them in a box exactly the same size as portrait ones.
(see image attached)
So, is it possible to set it to fixed size?
As suggested by you 15 days ago, I installed and run Regenerate Thumbnails but it didn't solve the problem. Nothing changed, and i think it's logicall. Correct me if i'm wrong. Flexmarket, for the products grid view uses his own custom
image size right? BUT that size is got JUST by resize (not resize+crop) so if two files have different size the resized result images will be different and so it will be their look into the grid.
As far as i upload images with he same exact size, everything works like a charm, but if size changes then everything gets descontrolled (i attached an image with my prev message but you can see it online in a carousel here http://www.ehne.org/bizilur/tienda/ and in a grid here http://www.ehne.org/bizilur/tienda/productos/).
Most products can be shown in landscape-like pics (bigger width), but bottles or cloth dummies/mannequins, for example, have to be shown in portrait-like pics (bigger heigth) so i'm going to have this problem forever (see attached image).
In WP backend, for example in the add media grid view or in the media page list view, all images have the same size because are resized and cropped. In Marketpress grid view (without Flexmarket) itworks the same way i think.
And that's the effect i'm looking for. Even though the display is fluid/responsive, in the grid view all the grid boxes have the same width, it adapts to screen size, but once adapted every grid box has the same width, so it looks like a grid... Is there a way to do the same with the height?

(6) Long product names display problem.
In the carousel and gird boxes, when passing the mouse over 'em appears a bar-like formed with two buttons, one with the product name and another with a maginfier icon.
Well, in this shop MANY of the products have LONG names, so they don't fit in a line into the box width, so the name reads incomplete and/or you can't see the magnifier.
(see image attached to previous requests https://smashingadvantage.zendesk.com/attachments/token/RRjsahv4FjEsiONsNfDv5XUiV/?name=screen.png)
Is there any way to fix it?
CSS code provided in previous answer (15 days ago):
#mpt-product-grid .image-box .hover-block .btn-group > a:first-child { display: inline-block; }
did solve nothing. Object already has inline-block property, that's why you can see the product name button and the magnifier button one beside the other instead of stacked. But that's not my problem. My problem is with the width of the bottom. The longer the text (product name) the wider the button, and in this shop most of the names are long or longer.
But that code gave me a clue. What i need is that the text inside the button wraps itself, and this code ALMOST does the trick:

#mpt-product-grid .btn-group > .btn {
display: block;
white-space: normal;
}

Adding
border-radius: 4px;
reshapes the buttons corners now that they're stacked instead of besides.

The only problem is that when text is long enough and wraps itself both buttons occupy the whole width of the picture (desired behaviour) but when it's not long enough it doesn't wrap and buttons don't extend themselves to the whole width either (go here: http://www.ehne.org/bizilur/tienda/productos/ and pass the mouse over the first four products to see what i mean). I'm not a CSS ninja, so if you could help on that it would be great.

(7) BUG: 404.php
In line 38:
$archive_stuff = '<p>' . __( 'Try looking in the monthly archives:' , ' flexmarket' ) . '</p>';
the language domain field is ' flexmarket' and should be 'flexmarket (without the heading space) or it won't work, and this line will be never translated to the right language.

  • Michelle Shull

    Hi, zenware!

    I'm so sorry to hear you're having so many problems with your theme, but as it's a premium theme I don't have access to, there's only a limited amount I can do to help without taking the theme apart line by line to locate the source of and solve each of the seven issues and six sub-issues you list here. It seems as though there's an issue with redirection, images don't display properly, links don't work, files are broken, and there are multiple conflicts. Even if I knew this code, it would take hours to debug and it seems as though several parts would need to be rewritten from scratch.

    We're supposed to do everything the members ask, but in this case, I am not able to help at all, other than to gently suggest finding a theme that isn't broken. I'm happy to help make a better coded theme work to meet your needs, but I don't think rebuilding this theme is in the scope of what I can do for you here.

    Thanks for your very detailed support request, it seems like you've spent a lot of time tracking down where things are failing. I hope the dev gets back to you soon.

    Take care.

  • zenware

    Of course I'm not asking anything beyond common sense (a complete theme rewrite is beyond common sense for me) but Flexmarket is a FREE theme (a reason why i cannot compain too much for its support) available from december 2012 and widely adopted from many users (many forum members among them) to deploy their marketpress stores, so you can have access to its code if its your pleasure.
    I find it hard to believe that nobody has met this problems before unless it's a my-installation problem or just an update issue, i.e., that the theme or any of its components has problems to work properly with last WP versions.
    Said that, i see:
    - problems [1] to [3] could lay under this category and so maybe be out of your scope.
    - [4] is probably an old bug not noticed by other users if you don't make every important feature a heavy test (as i like to), or maybe an updated WP versions problem too.
    BUT...
    - [6] is a personal (mine) needing i've almost resolved by myself, but not completely, and probably solvable with just some CSS code
    - [5] is a personal needing too, that may require something more than CSS or may not
    - and [7] is just a typo bug already resolved I've pointed out to anyone's interest.
    Anyway, if you consider none of it is under your scope, ok... i'll keep it in mind, and move on in my search.
    Thanks for your time Michelle!!

  • zenware

    OK, just for any other user that might encounter the same problems, and the same lack of support...
    ISSUE [1] IS RESOLVED.
    It was my fault and, as i guessed, had to be with the urls. More specifically with serialized data involving the storing of urls in database. For the migration, a direct search and replace into the database dump won't work 'cause some components (probably the page builder) stores the urls in serialized form so... you need to use a serialize-data sensitive search and replace tool.
    You can find one here:
    https://interconnectit.com/products/search-and-replace-for-wordpress-databases/
    Regards.

  • Michelle Shull

    Hello, zenware, I'm so sorry you found my response unhelpful. As Ari mentioned, we were working with about 1/3 of the normal staff all last week, so response times have been slower than normal. That's no excuse, however, I should have worked harder to resolve your issue. You have my sincere apologies for neglecting you and not giving your problem 100% of my attention.

    1. You've marked as resolved.

    (2) Flexmarket Theme redirects BLOG page to HOME.
    It's not possible to reach to the blog page neither by clicking in the top menu link nor by writing the url directly in the browser address bar.
    If I deactivate Flexmarket and use a different theme, the problem disappears.

    Can you remove that link in the menu and replace it with a direct link to your blog page? That might solve this issue for you.

    (3) Scroll back to top not possible.
    Once you scroll down, it does not work properly the scroll up. You can't get to the top again or, at least, not at first try, it gets stucked, so you've got to insist and SOMETIMES you get to the top. You can see it malfunctioning on any page.

    This sounds like it may be a conflict with a caching or security plugin that may be blocking a script or causing it to load in the wrong order. If you have a caching plugin installed, can you please try temporarily disabling it and seeing if it resolves this issue?

    (4) BUG: Advanced Sort Feature Fails
    Dunno if the problem is originally from MarketPress or Flexmarket related, i've not checked how it works without Flexmarket theme, but this is what happens.
    The scenario = you select a category, and products are shown. ok. they're quite a few under this category, so there's pagination, so you browse through pages using pagination number-links.
    The action = you are on a page diferent form the fist one (let's say 2nd 3rd, dont mind) and decide to change to a diferent category. click on advanced sort button, select another category and...
    The problem = BUM!! nothing on screen or (on second try, and then i understood what was happening) just 2 products under a category that has 14.
    My products per page is set to 12, so then understood i was on second page. And wo it was.
    This is what happens (explained through URLs).
    You are on products page:
    URL - .../store/products/
    You click on Advanced-sort and select a category:
    URL - .../store/products/#advanced-sort
    You navigate through results by pagination (let's say you get to page 3):
    .../store/products/page/3
    Then, you're in page 3 and decide to change category. After clicking on Advanced-sort button and selecting a category:
    URL - .../store/products/#advanced-sort (SHOULD BE THE URL BUT...)
    URL - .../store/products/page/3#advanced-sort (IS THE ACTUAL URL)
    that's it.
    Let's see it on action in the site (pagination is configured to show 12 products per page):
    (A) Go to http://www.ehne.org/bizilur/tienda/productos/
    (B) Click on Advanced Sort ('Busqueda Avanzada') button.
    (C) From first dropdown ('Por Categoria') select fifth category = 'Esnekiak/Lacteos' and click SORT. We have 2 pages of results 'cause there are 22 products under this category.
    The results page has this URL: http://www.ehne.org/bizilur/tienda/productos/#advanced-sort
    (D) Go to page 2 of products list (now the url is: http://www.ehne.org/bizilur/tienda/productos/page/2 )
    (E) Now click on Advanced Sort ('Busqueda Avanzada') button again, and select a different category. This time we'll choose the second in the list ('Barraskiloak/Caracoles') 'cause we have only two products under this category. Click SORT.
    (F) THAT'S IT!!! We've got no products shown but there are 2 products in the store under that category. What has happened? Easy, look at the URL. It is
    http://www.ehne.org/bizilur/tienda/productos/page/2#advanced-sort
    We are on the second page of a catergory that has only one page of results so it has nothing to show. URL should be
    http://www.ehne.org/bizilur/tienda/productos/#advanced-sort
    instead and, in fact, if we manually correct the url to
    http://www.ehne.org/bizilur/tienda/productos/#advanced-sort
    the two products are shown.

    You mentioned you have not tested this outside of Flexmarket. Can you please try this with a default theme and see if you get the same results? I just tried on my sandbox site with twentyfourteen, twentythirteen, Genesis, and a handful of our themes, and I am not able to replicate it.

    (5) Portrait (vertical) images disrupt grids and carrousels.
    Is it possible to force the theme to show every box in the products grid/carrousel/etc... exactly on the same size? I guess it calculates grid pic size based on original pic size but i don't get it. I mean, I've resized all pictures to 800x600 so all of them look the same on grid, but some of them are portrait (600x800), so i resized them to 450x600 but they're bigger portrait-like boxes anyway. Strangely, some of the pics are 627x600 and the them shows them in a box exactly the same size as portrait ones.
    (see image attached)
    So, is it possible to set it to fixed size?
    As suggested by you 15 days ago, I installed and run Regenerate Thumbnails but it didn't solve the problem. Nothing changed, and i think it's logicall. Correct me if i'm wrong. Flexmarket, for the products grid view uses his own custom
    image size right? BUT that size is got JUST by resize (not resize+crop) so if two files have different size the resized result images will be different and so it will be their look into the grid.
    As far as i upload images with he same exact size, everything works like a charm, but if size changes then everything gets descontrolled (i attached an image with my prev message but you can see it online in a carousel here http://www.ehne.org/bizilur/tienda/ and in a grid here http://www.ehne.org/bizilur/tienda/productos/).
    Most products can be shown in landscape-like pics (bigger width), but bottles or cloth dummies/mannequins, for example, have to be shown in portrait-like pics (bigger heigth) so i'm going to have this problem forever (see attached image).
    In WP backend, for example in the add media grid view or in the media page list view, all images have the same size because are resized and cropped. In Marketpress grid view (without Flexmarket) itworks the same way i think.
    And that's the effect i'm looking for. Even though the display is fluid/responsive, in the grid view all the grid boxes have the same width, it adapts to screen size, but once adapted every grid box has the same width, so it looks like a grid... Is there a way to do the same with the height?

    We can restrict the image size via CSS, but that won't fully solve your issue. Your images that don't fit the default aspect ratio with be stretched or oddly cropped, and it would make your site difficult to view on mobile, since, as you say here, the site is responsive overall. There may be a way to change how Flexmarket handles images, but it would take some custom code.

    (6) Long product names display problem.
    In the carousel and gird boxes, when passing the mouse over 'em appears a bar-like formed with two buttons, one with the product name and another with a maginfier icon.
    Well, in this shop MANY of the products have LONG names, so they don't fit in a line into the box width, so the name reads incomplete and/or you can't see the magnifier.
    (see image attached to previous requests https://smashingadvantage.zendesk.com/attachments/token/RRjsahv4FjEsiONsNfDv5XUiV/?name=screen.png)
    Is there any way to fix it?
    CSS code provided in previous answer (15 days ago):
    #mpt-product-grid .image-box .hover-block .btn-group > a:first-child { display: inline-block; }
    did solve nothing. Object already has inline-block property, that's why you can see the product name button and the magnifier button one beside the other instead of stacked. But that's not my problem. My problem is with the width of the bottom. The longer the text (product name) the wider the button, and in this shop most of the names are long or longer.
    But that code gave me a clue. What i need is that the text inside the button wraps itself, and this code ALMOST does the trick:

    #mpt-product-grid .btn-group > .btn {
    display: block;
    white-space: normal;
    }

    Adding
    border-radius: 4px;
    reshapes the buttons corners now that they're stacked instead of besides.

    The only problem is that when text is long enough and wraps itself both buttons occupy the whole width of the picture (desired behaviour) but when it's not long enough it doesn't wrap and buttons don't extend themselves to the whole width either (go here: http://www.ehne.org/bizilur/tienda/productos/ and pass the mouse over the first four products to see what i mean). I'm not a CSS ninja, so if you could help on that it would be great.

    Try adding the bit in bold, that should make the buttons stretch the width of the preview image.

    .btn-group {
    position: relative;
    display: inline-block;
    font-size: 0;
    white-space: nowrap;
    vertical-align: middle;
    <strong>width: 100%;</strong>
    }

    (7) BUG: 404.php
    In line 38:
    $archive_stuff = '<p>' . __( 'Try looking in the monthly archives:' , ' flexmarket' ) . '</p>';
    the language domain field is ' flexmarket' and should be 'flexmarket (without the heading space) or it won't work, and this line will be never translated to the right language.

    I'll flag the dev.

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.