Jump to content

Category Description Not Displaying on Mobile Skin


MWEapril

Recommended Posts

On most category pages in our store, we have a description. In some cases, we have links to technical documents, or a table that has text and images. When a customer views our site from a mobile device (or selects Mobile Site via link at the bottom of the page), they cannot see any of the content of the category description. The only thing visible are the links to the subcategories in text format. The thumbnails are not visible, either. Has anyone run into this that may be able to give me some insight as to how to make the descriptions visible?

Link to comment
Share on other sites

Sorry for leaving out all of the relevant information! Here is a link to a page that is displaying this behavior: https://www.markwilliams.com/technical.html.  

We are using a customized skin.

In mwcustom/templates/content.category.php, I noticed that there is "{if isset($PRODUCTS) && count($PRODUCTS) >= 1}" and thought that maybe the behavior was caused by the lack of products in this category. I added a product to the page, and the product showed up, but still none of the content. The pages that have product display fine. (less the content listed in the category description)

Link to comment
Share on other sites

Since your site is using a "non-responsive" skin, your site is relying on CubeCart to determine if an alternate skin - a "mobile-specific" skin - should be used.

The "mobile" skin is named Mobile, and its coding will not show a number of things that would otherwise show on the "desktop" skin.

Two missing items is the viewed category's assigned image and description. The following is the first few lines of content.category.php from the Mobile skin:

<h2>{$category.cat_name}</h2>
{if isset($SUBCATS) && $SUBCATS}

Compare this to the first few lines of content.category.php from the Kurouto desktop skin:

<h2>{$category.cat_name}</h2>
{if isset($category.image)}
<div id="category_image"><img src="{$category.image}" alt="{$category.cat_name}" /></div>
{/if}
{$category.cat_desc}
{if isset($SUBCATS) && $SUBCATS}

I recommend that you make the first few lines of this file of the Mobile skin look like the first few lines of your customized skin.

But be aware that your tables of images and other detail that shows best on a wide screen may have a horribly messed up layout on a skinny mobile screen.

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...