Heading Title tag:

Tabs play a crucial role in organizing content and enhancing navigation. However, when they are not configurable or do not display correctly across devices, they can hinder usability and accessibility.

A user of osCommerce wanted to customize their store by adding a "Best Sellers" tab alongside "New Products" and "Featured Products." However, after attempting to implement this change, the tab did not appear. Additionally, the workaround used (hacking Best Sellers into New via widgets) worked only on the desktop version and not on mobile.

The support team guided the user through a structured process to properly add the "Best Sellers" tab:

Create a New Featured Type:
Navigate to Settings → Featured Types and click Insert to create a "Best Sellers" type.
Set Up the Page Template:
- In the theme settings, go to Pages, expand Information, and click Add Page to create a "Best Sellers" template page.
- Remove any pre-filled content and add the Featured Products widget.
- Open the widget’s properties and select Best Sellers as the feature type.
- Save the theme.
Publish the Page:
- Go to Design and CMS → Pages, create a new page titled "Best Sellers."
- Assign it to sales channels if running a multichannel store.
- Under the Template tab, assign the previously created template page.
- Save the settings, reopen the page, and click Move to Public to make it live.
Add to Navigation Menu:
Go to Design and CMS → Menu and add "Best Sellers" to the Categories menu.
Insert Featured Products:
- Navigate to My Marketing Tools → Featured Products.
- Add new products and set their feature type as Best Sellers.
Verify the Frontend Display:
Open the storefront and confirm the "Best Sellers" tab is now visible.

By following these steps, users can add tabs in a way that ensures accessibility, usability, and compatibility across all devices. This structured approach helps maintain a seamless shopping experience for all customers, regardless of their browsing method or accessibility needs.

Through accessible design and structured implementation, osCommerce continues to empower users with customizable and inclusive eCommerce solutions.

You can further discuss it on our Forum

E-commerce

E-commerce Integrations

osCommerce

Management

Ecommerce

Integrations

newsite

launch

grant

fund

replatforming

osCommerce 4.x

shopping cart

hosting

Installation

New PayPal Module (Latest API 2.0)

osCommerce 2.2

osCommerce 2.3

Shopping cart customizations

Manually

PayPal Express

APM (Alternative Payment Method)

Standard Variant

Advanced Variant

Configuration

Testing

Front End

Install osCommerce for Me

Let me install myself

Multiple sales channels

Single active sales channel

Installation on your own server

Connect

App Shop

Adding Free Module

Admin Area

Adding Paid Module

Installing Module

Opayo Pi Module

Development Mode

Email Verification Before Registration

Managing Languages

Managing phpMussel

Managing Orders

oscommerce.com account

Creating Manual Orders

Managing Customers

Managing Customer Groups

Managing Brands

Managing Categories

Managing Filters on Categories

Managing Products

Managing Stock

Assigning Products and Categories to Front Ends

Assigning and Moving Products to Categories

Managing Default Sort Order on Product Listing and Category

Managing Cross-Sell and UPSell

Managing Reviews

Managing Attributes

Managing Product Groups

Managing Properties

Managing Suppliers

Managing Warehouses

Managing Sales Statistics and Purchase Report

Managing Stocktaking Costs

Managing Deleted Orders

Managing Coupons

Managing Virtual Gift Cards

Managing Sales Price

Managing Giveaways

Managing Featured Products

Managing SEO

Managing Meta Tags

Managing XML Sitemap

Settings of E-commerce Tracking for Google Tag Manager

Setting up GA4

Managing Pages

Managing Menus

Assigning Theme to Sales Channels

Deleting Sales Channels