);
}
export default Homepage;
```
--------------------------------
### Install Extension for Magento 1 (Manual)
Source: https://github.com/cobbyio/docs/blob/main/how-to/developers/handle-custom-product-types.md
Manual installation steps for a custom product type extension in Magento 1. Involves copying files to specific directories and clearing the cache.
```bash
1. Copy the extension to app/code/local/ or app/code/community/
2. Copy the XML file to app/etc/modules/
3. Clear cache: rm -rf var/cache/*
```
--------------------------------
### Tailwind CSS Configuration Example
Source: https://github.com/cobbyio/docs/blob/main/CLAUDE.md
An example of `tailwind.config.js` showing the disabling of preflight and the definition of a custom color palette for the cobby theme.
```javascript
/** @type {import('tailwindcss').Config} */
module.exports = {
content: ['./src/**/*.{js,jsx,ts,tsx,md}'],
theme: {
extend: {
colors: {
primary: '#0064a0', // dark blue
'primary-light': '#54a0d0',
'primary-lighter': '#a0d0f0',
'primary-lightest': '#e0f0fc',
secondary: '#00aaf0', // light blue
},
},
},
corePlugins: {
preflight: false,
},
};
```
--------------------------------
### Install Dependencies
Source: https://github.com/cobbyio/docs/blob/main/CLAUDE.md
Installs all the necessary packages for the Docusaurus project. This command is essential before running any development or build tasks.
```bash
npm install
```
--------------------------------
### Clone Example Extension for Magento 2
Source: https://github.com/cobbyio/docs/blob/main/how-to/developers/handle-custom-product-types.md
Clones the example extension from GitHub for Magento 2 to handle custom product types with cobby. No specific dependencies, output is the cloned repository.
```bash
git clone https://github.com/mash2/cobby-magento2-custom-product-type
```
--------------------------------
### Clone Example Extension for Magento 1
Source: https://github.com/cobbyio/docs/blob/main/how-to/developers/handle-custom-product-types.md
Clones the example extension from GitHub for Magento 1 to handle custom product types with cobby. No specific dependencies, output is the cloned repository.
```bash
git clone https://github.com/mash2/cobby-magento1-custom-product-type
```
--------------------------------
### Start Development Server
Source: https://github.com/cobbyio/docs/blob/main/CLAUDE.md
Starts the Docusaurus development server, which typically runs on localhost:3000. It enables hot-reloading for faster development cycles.
```bash
npm run start
```
--------------------------------
### Custom CSS Example
Source: https://github.com/cobbyio/docs/blob/main/CLAUDE.md
An example of `src/css/custom.css` demonstrating the use of Tailwind directives and custom CSS classes for styling specific components like hero sections and breadcrumbs.
```css
@tailwind base;
@tailwind components;
@tailwind utilities;
/* Infima CSS variable overrides */
:root {
--ifm-color-primary: #0064a0;
}
/* Custom component classes */
.custom-hero {
@apply text-4xl font-bold;
}
.breadcrumbs {
@apply text-sm text-gray-600;
}
```
--------------------------------
### Excel Formula: IMAGE.CREATE Basic Usage
Source: https://github.com/cobbyio/docs/blob/main/how-to/images/create-images.md
This example demonstrates the basic usage of the IMAGE.CREATE function, requiring only the file path and label for the image. It's a starting point for adding images with minimal configuration.
```Excel Formula
=IMAGE.CREATE("C:\cobby_logo.png";"The cobby logo")
```
--------------------------------
### Custom Header Component Example
Source: https://github.com/cobbyio/docs/blob/main/CLAUDE.md
A conceptual example of the `Header.js` component, illustrating how it might be used for page headers or hero sections with responsive typography.
```javascript
import React from 'react';
function Header({ title, subtitle }) {
return (
{title}
{subtitle &&
{subtitle}
}
);
}
export default Header;
```
--------------------------------
### Local Search Configuration Example
Source: https://github.com/cobbyio/docs/blob/main/CLAUDE.md
Configuration for the `@easyops-cn/docusaurus-search-local` plugin, specifying the number of results and context length.
```javascript
themeConfig: {
// ... other theme config
algolia: {
// This is for Algolia, but the local search plugin uses similar config concepts
// The actual local search plugin config is usually in docusaurus.config.js directly
// Example for local search plugin:
// docsRouteBasePath: '/',
// searchBarPlaceholder: 'Search docs',
// searchableScrollbar: false,
// searchResultLimits: 10,
// searchResultContextLines: 50,
},
// ... other theme config
}
```
--------------------------------
### Custom Cards Component Example
Source: https://github.com/cobbyio/docs/blob/main/CLAUDE.md
A conceptual example of the `Cards.js` component, showing its structure for displaying content cards with titles, icons, links, and call-to-action buttons.
```javascript
import React from 'react';
import Link from '@docusaurus/Link';
function Card({ title, icon, description, ctaLink, ctaText }) {
return (