{activeTableData?.showFilters !== false ? (
) : }
{/* Search bar */}
{activeTableData?.showSearch !== false ? (
)}
{/* Multi Add to Cart (Above Table) - Dynamically controlled by 'advMultiCartLocation' */}
{(advMultiCartLocation === 'Above table' || advMultiCartLocation === 'Both') && (
| {col.showHeading !== false ? ( ) : null} | ); } if (col.id === 'buy') { return ({headerLabel} | ); } if (col.id === 'select' || col.id === 'checkbox') { return ({advSelectAll && ( handleSelectAll(e.target.checked)} style={{ accentColor: designState.checkboxColor, color: designState.checkboxColor }} className="w-4 h-4 rounded border-slate-350 cursor-pointer" /> )} | ); } return ({headerLabel} | ); })}||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| {advNoProductsMsg || advNoProductsFilteredMsg || 'No products found matching your search selection.'} | |||||||||||
| {col.addLink !== false ? ( { e.preventDefault(); if (col.linkType === 'lightbox') triggerToast('Opened product image in lightbox! 🔍'); }} className="block hover:opacity-90 transition-opacity"> {imgContent} ) : imgContent} | ); } // Name Column if (col.id === 'name') { return ({col.addLink !== false ? ( {product.name} ) : ( {product.name} )} {product.onSale && ( Sale )} | ); } // Summary Column if (col.id === 'summary') { return (
{getTruncatedSummary(product.summary)} |
);
}
// Price Column
if (col.id === 'price') {
return (
{product.onSale ? (
${product.regularPrice.toFixed(2)}
${product.price.toFixed(2)}
) : (
${product.price.toFixed(2)}
)}
|
);
}
// Buy Column
if (col.id === 'buy') {
const cartMethod = activeTableData?.cartMethod || 'Cart buttons';
const showQty = activeTableData?.showQty !== false;
const varMethod = activeTableData?.varMethod || 'Show as dropdown lists';
return (
{/* Variations display */}
{product.isVariable && variableOptions[product.id] && (
varMethod === 'Show as dropdown lists' ? (
{cartMethod !== 'Cart buttons' && (
toggleProductSelect(product.id)}
style={{ accentColor: designState.checkboxColor }}
className="w-4 h-4 rounded border-slate-350 cursor-pointer shrink-0"
/>
)}
{!product.isExternal && product.inStock && showQty && cartMethod !== 'Checkbox only' && (
handleQtyChange(product.id, e.target.value)}
min="1"
style={{
borderRadius: getElementBorderRadius(),
backgroundColor: designState.quantityBgColor || '#f8fafc',
color: designState.quantityFontColor || '#1e293b',
fontSize: `${designState.quantityFontSize || 12}px`
}}
className="w-11 px-1.5 py-1 text-center font-bold border border-slate-200 outline-none focus:border-blue-500"
/>
)}
{cartMethod !== 'Checkbox only' && (
)}
|
);
}
// Checkbox Select Column
if (col.id === 'select' || col.id === 'checkbox') {
return (
toggleProductSelect(product.id)} style={{ accentColor: designState.checkboxColor, color: designState.checkboxColor }} className="w-4 h-4 rounded border-slate-350 cursor-pointer" /> | ); } // Stock Column if (col.id === 'stock') { return ({product.inStock ? 'In Stock' : 'Out of Stock'} | ); } // Rating Column if (col.id === 'rating') { return (⭐⭐⭐⭐⭐ ({product.id % 2 === 0 ? '5.0' : '4.8'}) | ); } // SKU Column if (col.id === 'sku') { return (SKU-{product.id + 1000} | ); } // Categories Column if (col.id === 'categories') { return ({product.category} | ); } // Tags Column if (col.id === 'tags') { return ({product.tag || 'Standard'} | ); } return; })} |
| {col.showHeading !== false ? col.name : ''} | ); } if (col.id === 'buy') { return ({headerLabel} | ); } if (col.id === 'select' || col.id === 'checkbox') { return ({headerLabel} | ); } return ({headerLabel} | ); })}
{/* Products Found Counter - Linked to 'advNumProductsFound' */}
{advNumProductsFound !== 'Hidden' ? (
Showing {paginatedProducts.length} of {filteredProducts.length} products
) : (
)}
{/* Pagination Controls - Linked to 'advPaginationButtons' */}
{advPaginationButtons !== 'Hidden' && totalPages > 1 && (
{[...Array(totalPages)].map((_, i) => (
))}
)}
{/* Multi Add to Cart (Below Table) - Dynamically controlled by 'advMultiCartLocation' */}
{(advMultiCartLocation === 'Below table' || advMultiCartLocation === 'Both') && (
)}