How can I show thumbnails along with the subcategory names?

FAQ: How can I show thumbnails along with the subcategory names?

To show thumbnails along with the subcategory names complete the following steps:

1. Login to your Swifty platform> Website > Edit Website

2. Select the required category page in the Website Map tree and switch to the Edit Page tab
3. Ensure the Breadcrumb page section is present and the Sub-categories page section is not present on this page
4. Click on Page Sections to expand the list of all sections, find a Text and Image page section, drag the section to the page and place it under the Product List section




5. Open the Text and Image page section in edit mode, click on the View HTML button and add the following HTML code snippet :

<table border="0" cellspacing="0" width="600">
  <tbody>
<tr align="center">

<td><img width="10" height="10"></td>

<td><img width="10" height="10"></td>

<td><img width="10" height="10"></td>

</tr>

<tr align="center">   

<td>Subcategory 1</td>

<td>Subcategory 2</td>

<td>Subcategory 3</td>

</tr> 

<tr align="center">

<td><img width="10" height="10"></td>

<td><img width="10" height="10"></td>

<td><img width="10" height="10"></td>

</tr>

<tr align="center">   

<td>Subcategory 4</td>

<td>Subcategory 5</td>

<td>Subcategory 6</td>

</tr> 

</tbody></table>

6. It will look like this:





7. Switch to the edit mode by clicking on the View Editor button. You will see the following:




8. To add an image, please click on the small box above the title, click on the Add Image button and complete the process of adding the image. Before adding the images, please ensure they have appropriate dimensions, i.e. not too big, not too small and of the same width/height if possible
9. To make subcategory names link to the appropriate subcategory page, highlight the name, click on the Add Link button and complete the process of creating the link
10. Repeat steps 8-9 for all instances, save the changes and publish the shop
11. On the published site the category page will look similar to:


 

Have more questions? Submit a request

0 Comments

Article is closed for comments.