Support > cpg1.6 themes (visuals)

Category list to display flexbox type layout

(1/1)

Hanna.:
Hi guys. I'm trying to swap the category list from list to flexbox = multiple columns

This is my current code:


--- Code: ---/******************************************************************************
** Section <<<$template_cat_list>>> - START
******************************************************************************/
// HTML template for the category list
$template_cat_list = <<<EOT
<!-- BEGIN header -->
        <tr>
            <td>
                <div class="tableh1_browse">
                    <span>Browse by category:</span>
                </div>
            </td>
        </tr>
<!-- END header -->
<!-- BEGIN catrow_noalb -->
        <tr>
            <td class="catrow_noalb">
<table border="0" style="vertical-align: top;">
<tr>
<td style="vertical-align: top;">{CAT_THUMB}</td>
<td align="left">
                        <div class="catlink-big">{CAT_TITLE}</div>
                        {CAT_DESC}
                    </td>
</tr>
                </table>
                </td>
        </tr>
<!-- END catrow_noalb -->
<!-- BEGIN catrow -->
        <tr>
                <td class="catrow">
                    <table border="0" style="vertical-align: top;">
                    <tr>
                        <td style="vertical-align: top;">{CAT_THUMB}</td>
                        <td><div class="catlink-big">{CAT_TITLE}</div>{CAT_DESC}</td>
                    </tr>
                </table>
                </td>
        </tr>
        <tr>
            <td colspan="3"><div class="tableb tableb_alternate">{CAT_ALBUMS}</div></td>
        </tr>
<!-- END catrow -->
<!-- BEGIN footer -->
        <tr>
                <td><div class="catbottom"><span>{STATISTICS}</span></div></td>
        </tr>
<!-- END footer -->
<!-- BEGIN spacer -->
       
<!-- END spacer -->

EOT;



/******************************************************************************
** Section <<<$template_cat_list>>> - END
******************************************************************************/
--- End code ---

ron4mac:
HINT: I suggest that you wait for CPG 1.7

Hanna.:

--- Quote from: ron4mac on April 05, 2023, 02:29:21 pm ---HINT: I suggest that you wait for CPG 1.7

--- End quote ---

Exciting!!!

Navigation

[0] Message Index