## ShufyTheme WHMCS Documentation file

##### By coodiv team

#### Introduction

It became evident that there exists a considerable monopoly within the WHMCS themes and add-ons marketplace.
We observed that numerous WHMCS users are encountering challenges when seeking an appropriate theme that aligns with their brand identity.
In response to this pressing need, we embarked on the development journey of ShufyTheme.
ShufyTheme stands out as one of the most comprehensive and user-friendly WHMCS themes available on the market today. Our aim with ShufyTheme is to provide WHMCS users with a seamless and visually appealing solution that not only meets but exceeds their expectations. By incorporating cutting-edge design elements and robust functionality, ShufyTheme aims to revolutionize the WHMCS user experience, empowering businesses to showcase their brands effectively and effortlessly.

#### Before Getting Started

This documentation is designed to assist you with every step of the installation and customization process. Please carefully review the documentation to gain a thorough understanding of how this theme operates and how to customize it effectively.

We strongly recommend that you familiarize yourself with this documentation. Investing just half an hour in reading the manual can save you a significant amount of time and prevent unnecessary questions with obvious answers.

If you have any questions that are not covered in this help file, please don't hesitate to contact us via email through The Item Support Page
or reach out to our dedicated support team for assistance.

## Installation

This guide will lead you step-by-step through the process of installing Shufytheme on your server. We'll provide detailed instructions to ensure a smooth installation experience from start to finish.

#### 1. ShufyTheme Requirements

- IonCube Loader: 10.x and later
- PHP: Version 7.2 and later
- WHMCS system: Before installing Shufytheme, you must install WHMCS.

#### 2. Check your version

1. Check your WHMCS version: Before starting the installation, you need to verify if ShufyTheme is compatible with your WHMCS version.
2. Prepare your Purchase Code: You need to obtain your Purchase Code from ThemeForest because we will need it during the installation process. Read this article if you're unsure how to get it.

#### 3. Download the latest version of ShufyTheme

1. Log into your Envato Market account.
2. Hover the mouse over your username at the top of the screen.
3. Click ‘Downloads’ from the drop-down menu.
4. Click 'Download' next to "ShufyTheme" icon to download the latest version of the theme.

#### 4. Upload ShufyTheme to your server

1. Extract the `shufytheme_package_themeforest_X.X.X` folder that has been downloaded from ThemeForst.
2. Inside that folder you will find Theme (X.X.X) fodler, and inside it a `Upload.zip` file
3. Get your WHMCS system installation directory in WHMCS admin area. Go to "Help" > "License Information" > "Valid Directory".
4. Upload content of `Upload.zip` folder to using FTP server, to the directory where your WHMCS system is installed.
5. Ensure that all files are uploaded correctly during the upload process, without encountering any errors.

#### 5. Upload ShufyTheme Addon to your server

1. After Extracting `shufytheme_package_themeforest_X.X.X` folder that has been downloaded from ThemeForst.
2. Inside that folder Open `Shufytheme control panel (X.X.X)` Folder
3. Choose the folder that suite your server PHP version, for ex: your server is using PHP 8.1, so you need to open PHP 8.1 folder
4. Upload content of that `modules` folder using FTP server, to the directory where your WHMCS system is installed.

#### 6. Install ShufyTheme Addon

1. Login to your WHMCS admin area.
2. In the top right corner, click on `System Settings` then select `Addon Modules`.
3. Activate `Shufy Theme Control Panel by coodiv` addon.
4. Click the `Configure` button, then select the admin role groups to grant access according to your requirements, and finally, save your changes.

#### 7. Activate ShufyTheme Theme and orderform template

1. In the top right corner, click on `System Settings` then select `General Settings`.
2. In General tab select `ShufyTheme` from System Theme dropdown and click on Save Changes.
3. In Ordering tab select `Shyfytheme Cart` Default Order Form Template and click on Save Changes.

#### 8. Activate ShufyTheme Addon

1. Go to `Addons` then click `Shufy Theme Control Panel by coodiv` in the navigation menu of your WHMCS admin area.
2. Entre your `Purchase Code` then click `Verify Purchase`. Read this article if you're unsure how to get the Purchase Code.

## Updating ShufyTheme

In this guide, you will learn how to effectively update `ShufyTheme`. We will provide a step-by-step walkthrough of the entire update process.

#### 1. Download the latest vesion

- Log into your Envato Market account.
- Hover the mouse over your username at the top of the screen.
- Click ‘Downloads’ from the drop-down menu.
- Click 'Download' next to "ShufyTheme" icon to download the latest version of the theme.

#### 2. Upload ShufyTheme update files to your server

1. Ensure that you save a backup from your theme, which you would like to update.
2. Use the right folder to update `ShufyTheme` from the downloaded package from ThemeForest, ex: you are using 8.9 and you want to update to 8.10.1, you just need to use the content of update from 8.9 to 8.10.1 folder

#### 3. Updating ShufyTheme Control Panel by coodiv

1. Ensure that you save a backup from your settings, Read how to export and import options
2. Upload the new `ShufyTheme` to `modules\addons` path

#### 4. Clear Cache

1. Clear your browser and server cache for example Cloudflare
2. Clear the WHMCS template cache in: Utilities > System > System Cleanup > “Go” > “Empty Template Cache”.

## Configure your theme

We've elevated the WHMCS option panel with the ShufyTheme Control Panel, making theme configuration easier than ever before. With our intuitive control panel, you can effortlessly customize various aspects of your theme. From editing colors, layouts, menus, footer and sidebar layouts, login and register layouts, to SEO management and typography control, ShufyTheme offers an extensive array of customization options to suit your needs.

#### 1. Logo & Site Identity

You can use the default Shufytheme logo, add your custom logo link, or even if you don't have a logo, you can still use the text logo option.

1. Use Site Name as Logo (text) Check this option if you want to display your website name as a logo
2. Custom text logo Fill in this input to Use Site Name as Logo and use custom text instead of your original website name.
3. Your default logo icon URL Add your icon URL and most be a 1:1 aspect ratio
4. Your default logo tagline add your logo URL and most be without icon
5. Your Full logo link URL add here your full logo URL

#### 2. Genaral settings

You can use the default Shufytheme logo, add your custom logo link, or even if you don't have a logo, you can still use the text logo option.

1. Customer Support PIN With ShufyTheme you can use Customer Support PIN
2. Delete notification when close it You can hide all Customers notifications after close it for the first time
3. Slider mode in product page in these fields, you can configure the slider mode in the product page
4. Gravatar tick/enable this field to display Gravatar as profile picture for your customers.
5. Header anoncements tick/enable this field to display header anoncement slider
6. Header dropdowns You can choose if you want dropdowns to shows as a sidebar or a simple dropdown
7. Marketconnect Bannaers These fields are for displaying ShufyTheme MarketConnect banners
8. Login & register page styles You can choose from various login and register page styles
9. Cookies Box settings You can configure your cookies box position, contents and more
10. Language dropdown placements You can choose where you want to display your language dropdown

#### 3. SEO Tools

ShufyTheme is equipped with built-in SEO enhancements. With each new version, we endeavor to enhance the SEO capabilities of our products, ensuring your website not only looks great but also performs well in search engine rankings.

1. Website Name A name that Google may use for your homepage search results. This will default to the WHMCS site title if left blank.
2. Website description An alternate website description for your site.
3. Organization Name Add your Organization Name to this filed.
4. Contact Type Select Which Contact Type you are using in your website.
5. Twitter username Add your twitter username with @.
6. Alternate Website Name An alternate name for your site. This could be an acronym or shorter version of your website name.
7. Website Type Select which department are your website belongs to
8. Organization Phone Number Add your Organization Phone Number to this filed.
9. Default open Graph Image ADD Default open Graph Image URL for facebook and twitter links
10. Website custom shortcut icon Add your custom shortcut icon and sould be 1:1 and .ico link

#### 4. Custom CSS code

Empower your customization by effortlessly adding your `custom CSS code` via the ShufyTheme Control Panel, bypassing the necessity of editing any theme files.

## Colors Manager

Revamp your theme customization experience with a selection of `4 pre-made` styles and an extensive palette of over `160 color options` for each style. Absolutely no coding expertise required!

1. 4 Color Schemes : Choose from 4 pre-made color schemes.
2. Colors options : More than 160 options for each color scheme, totaling over 640 color options to manage.

#### 1. Color Schemes

You can select from 4 pre-made color schemes. Feel free to choose a pre-made scheme or customize one to establish your brand colors. You can activate your chosen scheme by following these steps:

1. Go to the `Shufy Theme Styles & colors settings` tab in Shufy Theme Control Panel.
2. Choose the `Color Scheme`, which you want to use, for example Purple Theme Schemes.
3. Click `Save and apply the style` at the bottom of the screen.

#### 2. Color Variables

If the pre-made color schemes don't match your brand, you can begin editing the color schemes of every theme element using the Custom Theme Color Schemes section.

1. Backgrounds Colors The default ShufyTheme Backgrounds schemes
2. Primary button colors Primary button color schemes (background, colors, border, hover .. etc)
3. Primary Light button colors Primary Light button color schemes (background, colors, border, hover .. etc)
4. Default button colors Default button color schemes (background, colors, border, hover .. etc)
5. Primary outline button colors Primary outline color schemes (background, colors, border, hover .. etc)
6. primary outline white button colors primary outline white button color schemes (background, colors, border, hover .. etc)
7. Primary outline light button colors Primary outline light button color schemes (background, colors, border, hover .. etc)
8. light button colors light button color schemes (background, colors, border, hover .. etc)
9. lighter button colors Ligter button color schemes (background, colors, border, hover .. etc)
10. Texts Colors Headings, Texts, Borders, Tags Colors & More ...
11. Sidebar colors Schemes More than 15 color options for default Sidebar
12. Dark Sidebar colors Schemes More than 15 color options for Dark Sidebar
13. Primary alerts, Badges & status colors Edit the primary alerts, badge, status default background and colors
14. Secondary alerts, Badges & status colors Edit the secondary alerts, badge, status default background and colors
15. Success alerts, Badges & status colors Edit the success alerts, badge, status default background and colors
16. Danger alerts, Badges & status colors Edit the danger alerts, badge, status default background and colors
17. Warning alerts, Badges & status colors Edit the warning alerts, badge, status default background and colors
18. Info alerts, Badges & status colors Edit the info alerts, badge, status default background and colors
19. Light alerts, Badges & status colors Edit the light alerts, badge, status default background and colors
20. Dark alerts, Badges & status colors Edit the dark alerts, badge, status default background and colors

## Typography settings

Shufytheme options panel gives you the power to choose from multiple Font Family and customize the font sizes on your website.

1. Font Family settings : Allows you to change "Font Family" used in Shufytheme without any cooding knowladge.
2. Font Sizing settings : You have complete autonomy to adjust font sizes for both Desktop and Mobile screens.

#### 1. Font Family settings

In this section you can choose from a large variant of google font To use in your website

1. Dafault Font Family The default font family for your website
2. RTL Font Family The RTL font family for your website

#### 2. Font Sizing settings

The ShufyTheme control panel gives you the ability to adjust font sizes for both Desktop and Mobile screens with over 22 options available.

1. Shufy Theme Font size 1 The default font size for `coodiv-text-1` class
2. Shufy Theme Font size 2 The default font size for `coodiv-text-1` class
3. Shufy Theme Font size 3 The default font size for `coodiv-text-3` class
4. Shufy Theme Font size 4 The default font size for `coodiv-text-4` class
5. Shufy Theme Font size 5 The default font size for `coodiv-text-5` class
6. Shufy Theme Font size 6 The default font size for `coodiv-text-6` class
7. Shufy Theme Font size 7 The default font size for `coodiv-text-7` class
8. Shufy Theme Font size 8 The default font size for `coodiv-text-8` class
9. Shufy Theme Font size 9 The default font size for `coodiv-text-9` class
10. Shufy Theme Font size 10 The default font size for `coodiv-text-10` class
11. Shufy Theme Font size 11 The default font size for `coodiv-text-11` class
12. Shufy Theme Font size 12 The default font size for `coodiv-text-12` class
13. Shufy Theme Font size 13 The default font size for `coodiv-text-13` class
14. H1 The default font size for `H1` tag
15. H2 The default font size for `H2` tag
16. H3 The default font size for `H3` tag
17. H4 The default font size for `H4` tag
18. H5 The default font size for `H5` tag
19. H6 The default font size for `H6` tag
20. P The default font size for `P` tag
21. BUTTON The default font size for `BUTTON` tag
22. SMALL BUTTON The default font size for `SMALL BUTTON` tag

## Layouts Manager

Effortlessly customize the appearance of your WHMCS client portal with over 17 Pre-Layouts for your theme. The Shufytheme Layout Manager functionality provides you with complete freedom to define various layouts for the sidebar and top header elements.

1. Sidebar Layouts : Easly change and customize your theme sidebar layout from 4 pre-made layouts.
2. Sidebar position : Easly change and customize your theme sidebar position from 4 pre-made position.
3. Logo position : Easly change your theme logo position from the sidebar to the top header.

#### 1. Sidebar Layouts

Easly change and customize your theme sidebar layout with the Shufytheme Layout Manager from 4 pre-made layouts

1. Default Sidebar Use the default style Shufytheme sidebar
2. Big icons sidebar Use the Big icons style Shufytheme sidebar
3. Separated Default Sidebar Use the default separated style Shufytheme sidebar
4. Separated Big icons Sidebar Use the Big icons separated style Shufytheme sidebar

#### 2. Sidebar position

Easly change and customize your theme sidebar layout with the Shufytheme position Manager from 4 pre-made layouts

1. Left position Use the left position Shufytheme sidebar
2. right position Use the right position Shufytheme sidebar
3. Horizontal position Use the horizontal position Shufytheme sidebar
4. Horizontal top position Use the horizontal top position Shufytheme sidebar

#### 3. Logo position

Easly change your theme logo position from the sidebar to the top header with the Shufytheme layouts Manager

1. Sidebar Logo Add your logo to ShufyTheme sidebar
2. Header Logo Add your logo to ShufyTheme Top header

## Sidebar settings

The Shufytheme Sidebar settings functionality grants you complete freedom to customize the header and sidebar behavior, including boxed width, expanding, fixed positions, hover effects, and more.

1. Dark Mode sidebar with this option you can enable or disable the dark sidebar mode
2. collapsed sidebar by default with this option you can collapsed the sidebar by default
3. Allow user to expand the sidebar when is collapsed with this option you can enable or disable users to expand the sidebar
4. Allow user to collapse the sidebar when is expanded with this option you can enable or disable users to collapse the sidebar
5. Fixed Top header with this option you set fixed top header when scroll
6. Fixed horizontal sidebar with this option you set fixed horizontal sidebar when scroll
7. Fixed Secondary & cart menu with this option you set fixed Secondary & cart menu when scroll
8. Enabe show sidebar on hover with this option you can enable or disable expending the sidebar on hover
9. Enabe show sidebar child on hover with this option you can enable or disable opening the sidebar child when hover
10. Enable top header full screen width with this option you can enable or disable boxed width for top header
11. Enable horizontal sidebar full screen width with this option you can enable or disable boxed width for horizontal sidebar

## Footer layout Manager

With the expansive capabilities of the Shufytheme options panel, you're presented with a selection of over 7 distinct footer layouts to choose from.

1. 7 footer layouts Choose from 7 footer layouts to use on your theme
2. Footer settings More footer settings like copyright, website logo, social icons ...etc

#### 1. Footer Layouts

Choose from 7 footer layouts to establish the footer design that best suits your theme and brand.

1. Footer layout 1 The footer layout 1 shows all of the footer features and elements
2. Footer layout 2 The footer layout 2 removes the footer side elements like logo and description
3. Footer layout 3 The footer layout 3 shows all of the footer features and elements with footer side on the right
4. Footer layout 4 The footer layout 4 removes the footer bottom bar
5. Footer layout 5 The footer layout 5 remove both of the bottom bar and footer side informations
6. Footer layout 6 The footer layout 6 shows all of the footer features and elements with footer side on the right and removes the footer bottom bar
7. Footer layout 7 The footer layout 7 show only the footer bottom bar

#### 2. Footer settings

Within the Shufytheme settings, you'll find a plethora of options to customize your footer to perfection. Navigate to the Footer Settings section, where you'll discover a treasure trove of options waiting to be tailored to your specific needs.

1. Copyright Display powered by coodiv in the copyright section
2. Website Logo Display the website logo in footer
3. Description footer site description
4. Social Icons Display footer social icons
5. Company Adress Display footer company adresse
6. Company Mobile Phone Display footer company mobile phone
7. Company Email Display footer company email
8. Custom Mobile number Custom Footer support mobile number
9. Custom Email Custom Footer support email
10. Company Adress Custom company adress

## Homepage settings

The Shufytheme Homepage Settings offer a comprehensive suite of tools to tailor your website's front page to your precise specifications. Within this intuitive interface, you can effortlessly configure various elements to create a captivating and user-friendly homepage. From layout options to content customization, the Homepage Settings empower you to craft a dynamic and engaging entry point for your visitors.

1. Homepage layouts We are working on new layouts for shufytheme and should be ready soon
2. Homepage sections You have the ability to edit and customize all the content, links, colors, and more within each section of the homepage.
   - Homepage featured services settings
   - Homepage featured plans settings
   - Homepage features boxes
   - Homepage Saving banner & subscribing
3. MailChimp options Set up your MailChimp mailing list subscription directly from the Shufytheme control panel.

#### 1. Homepage layouts

You can select the homepage layouts and customize which sections you want to display or remove using the Homepage Layouts settings.

1. Marketconnect Bannaers Display Marketconnect Bannaers in Homepage
2. Marketconnect Bannaers nav Display Marketconnect Bannaers nav in Homepage
3. Announcements Display Announcements in the Homepage

#### 2. Homepage featured services settings

In this section, you'll discover an array of settings dedicated to configuring the Featured Services section of your website. From titles and subtitles to pricing links and beyond, you have the ability to fine-tune various aspects to align with your branding and messaging. Whether you're highlighting key offerings, showcasing product features, or promoting services, these settings empower you to create a compelling and informative section that resonates with your audience.

#### 3. Homepage featured plans settings

Within this section, you'll find a comprehensive array of customization options tailored specifically for the Homepage Featured Plans section. From adjusting titles and subtitles to fine-tuning colors, links, and pricing details, you have full control over every aspect of this prominent section. Whether you're showcasing subscription tiers, service packages, or product offerings, these customizable settings enable you to create an impactful and visually appealing display that effectively communicates your value proposition to your audience.

#### 4. Homepage features boxes

Within this interface, you have the capability to edit and personalize the Homepage Features Boxes section according to your preferences. This includes the ability to incorporate your own icons, titles, descriptions, and URLs, providing a tailored and informative showcase of key features or services offered on your website. Whether you're highlighting product features, service offerings, or key benefits, these customizable options empower you to craft a visually engaging and informative section that resonates with your audience.

#### 5. Homepage Saving banner & subscribing

In this section, you have the opportunity to personalize the Homepage Saving banner & subscribing section to align with your branding and messaging. You can add custom links and text to the banner, tailoring it to promote specific offers or highlight key messages. Additionally, you can integrate your Mailchimp information to enable visitors to subscribe to your mailing list directly from this section, facilitating seamless engagement and communication with your audience. Whether you're promoting discounts, announcing special offers, or encouraging newsletter sign-ups, these customization options empower you to create a compelling and interactive section that drives user engagement and conversion.

#### 6. Setup your Mailchimp subscription list

1. MailChimp API key To find your API, follow these steps.

1. Click your profile name to expand the Account Panel and choose Account Settings
2. Click the Extras menu and choose API keys.

2. MailChimp unique audience ID To find your audience ID, follow these steps.
   1. Click Audience
   2. Click All contacts
   3. If you have more than one audience, click the Current audience drop-down and choose the one you want to work with.
   4. Click the Settings drop-down and choose Audience name and defaults.
   5. In the Audience ID section, you’ll see a string of letters and numbers. This is your audience ID.
3. Mailchimp account data center you will find the data center in you api key, your-api-key-`usX`

## Menu manager

With the Shufytheme Menu manager, the process of creating or editing menus for your WHMCS no longer requires complex WHMCS hooks. This intuitive tool offers convenient options to establish and customize your theme's primary and footer navigation effortlessly. Whether you're adding new menu items, rearranging existing ones, or adjusting navigation settings, ShufyTheme manager streamlines the entire process, empowering you to create a seamless and user-friendly navigation experience for your website visitors.

1. Primary Menu You can easly create and edit Primary menus
2. Footer Menu You can easly create and edit footer menus.
3. Expoloring Menu Features Shufytheme Menu manager has many features included.
   - Target Blank option
   - WHMCS core url or custom url
   - Custom String title
   - Menu icon
   - Menu Item title translation
   - Dynamic fileds
   - Total Products/Services
   - Active Products/Services
   - Total Domains
   - Active Domains
   - Due Invoices
   - Overdue Invoices
   - Active Tickets
   - Shopping Cart Items
   - Menu order ID
   - Parent Menu
   - Display Rule
   - Additional classes
   - Additional ID

#### 1. How to create primary or footer Menu

Within the menu management feature of Shufytheme, you are granted the seamless capability to not only create but also edit Primary menus with utmost ease and flexibility. This intuitive tool empowers you with a user-friendly interface and a plethora of customization options, allowing you to craft your website's primary navigation exactly as you envision it. Whether you're adding new menu items, rearranging their order, adjusting their styling, or fine-tuning their functionality, the Shufytheme Menu Manager simplifies the entire process, enabling you to create a coherent and user-friendly navigation experience for your website visitors. With Shufytheme, menu customization becomes a breeze, ensuring that your website's navigation aligns perfectly with your branding and enhances the overall user experience.

1. Open shufytheme control panel ---> menu manager tab ---> and click on create `New group`
2. Give a name for menu group and set this menu as `Primary Menu` or `Footer menu` and click on `Add new group`
3. After creating the menu group, click on `Manage the Menu` button
4. Here you can start creating menus items to the group by clicking on `Add new item` button
5. You can fill in information for your menu item, such as title, icon, link, etc. You can read more about menu item features here

#### 2. Creating footer menu

Within the menu management feature of Shufytheme, you can easily customize your footer layouts and menu links without any coding knowledge, thanks to the easy-to-use control panel.

1. Open shufytheme control panel ---> menu manager tab ---> and click on create `New group`
2. Give a name for menu group and set this menu as `Footer menu` and click on `Add new group`
3. After creating the footer menu group, click on `Manage the Menu` button
4. Here you can start creating menus items to the group by clicking on `Add new item` button
5. Here, we need to create a menu title. The menu title must not have any parent, and you can still use the other menu features.
   The menu title that we create represents a column in the footer, and the child items of that menu are what we will create in the next steps.
6. Now, we will start creating child items for the title we created in the previous step. Don’t forget to assign the parent from the right-side panel.
   The child menu we create will display under the parent title, as shown in the screenshot.

#### 3. Expoloring Menu Additional Features

Within Shufytheme's menu management system, you have a range of customizable options to optimize the functionality and appearance of your menus. These options include:

- Target Blank option Choose whether menu links open in a new tab or window, enhancing user experience and navigation flexibility.
- WHMCS core URL or custom URL Specify either a default WHMCS URL or a custom URL for menu items, tailoring navigation to your specific needs.
- Custom String title Provide unique, descriptive titles for menu items, ensuring clarity and relevance for your visitors.
- Menu icon Add visual cues to menu items with customizable icons, enhancing aesthetics and usability.
- Menu Item title translation Enable multilingual support by translating menu item titles into different languages, accommodating diverse audiences.
- Dynamic fileds

- Total Products/Services Showcase the total number of products or services available on your website, giving visitors an overview of your offerings.
- Active Products/Services Highlight the number of currently active products or services, signaling to visitors the breadth of your active offerings.
- Total Domains Display the total count of domains registered or managed through your platform, offering transparency into your domain services.
- Active Domains Show the number of domains that are currently active or in use, providing insight into the scale of your domain management services.
- Due Invoices Alert visitors to any invoices that are due for payment, ensuring timely attention to outstanding balances.
- Overdue Invoices Notify visitors of any invoices that are past their due date, encouraging prompt resolution of overdue payments.
- Active Tickets Display the number of active support tickets, indicating your commitment to addressing customer inquiries and issues.
- Shopping Cart Items Show the number of items currently in a visitor's shopping cart, offering a convenient reminder of their selected products or services.

- Menu order ID Arrange menu items in a specific order by assigning order IDs, allowing for precise control over menu hierarchy.
- Parent Menu Organize menu items hierarchically by defining parent-child relationships, creating structured and intuitive navigation paths.
- Display Rule Set conditions for when menu items are displayed, such as based on user roles, always active, active for guest only, active for users only ...etc
- Additional classes Apply custom CSS classes to menu items, enabling further styling customization to match your website's design aesthetic.
- Additional ID Assign unique identifiers to menu items, facilitating advanced styling or scripting requirements for specific menu elements.

By incorporating these dynamic menu features, you can enrich the user experience, provide valuable information at a glance, and encourage visitor engagement with your website's offerings and services.

## Shufytheme control panel import, export and reset to default

The "Shufytheme Control Panel" function within this WHMCS addon offers comprehensive management capabilities for theme configurations. With this tool, users can effortlessly import, export, and reset theme settings to default values, streamlining the customization process.

With these features, you can efficiently tailor your theme experience to meet their specific needs and preferences.

#### 1. Import settings

Seamlessly import pre-configured theme settings, simplifying setup and ensuring consistency across platforms.

#### 2. Export settings

Easily export current theme configurations for backup or transfer purposes, providing peace of mind and flexibility.

#### 3. Reset to Default

Instantly revert theme settings to their default state, offering a convenient option for troubleshooting or starting anew.

#### Shufytheme default product description

You can use HTML in your product descriptions, which we utilized to create the best pricing plans for WHMCS. This allows you to use icons, adjust font weight, font sizes, and more.

To use that, you need to copy this code to your product description, edit the values without adding any spaces or empty lines between elements

`<li><b>1</b> website</li> <li><b>20 GB SSD</b> storage</li> <li><b>2TB</b> bandwidth</li> <li><b>24-hour</b> malware scans</li> <li><b>2 free</b> Microsoft 365 <small>(€23.76/yr value)</small></li> <li><b>Free SSL</b> Certificate <small>(€74.99/yr value)</small></li> <li><b>Free</b> Domain <small>(€11.99/yr value)</small></li> <li><b>Website backup</b> protection</li> <li><b>10 PHP workers</b> per site</li> <li><s><b>Unlimited</b> products</s></li> <li><s><b>Appointment</b> scheduling</s></li> <li><s><b>Real-time</b> shipping rates</s></li> <li><s>Free access to top premium WooCommerce extensions - a value of nearly €5,986.24</s></li> <li class="coodiv-text-12 mb-0 mt-8 pt-4 border-top pb-0 text-muted"> <i class="coodiv-text-12 mr-3 fal fa-mouse-pointer"></i> One-click <b>migration</b> tool </li> <li class="coodiv-text-12 mb-0 py-0 text-muted"> <i class="coodiv-text-12 mr-3 fal fa-shield-check"></i> Free 24/7 <b>support</b> </li> <li class="coodiv-text-12 mb-0 py-0 text-muted"> <i class="coodiv-text-12 mr-3 fal fa-microchip"></i> Latest version of <b>Software</b> </li> <li class="coodiv-text-12 mb-0 py-0 text-muted"> <i class="coodiv-text-12 mr-3 fal fa-code"></i> <b>Staging site</b> and developer access </li>`

## Customizing the register and transfer domains front-end element.

In domain register and transfer pages, we used a front elements and in this version you need to edit them manually like editing any HTML file

In order to edit these section you need to open:

- `templates/orderforms/shyfytheme_cart/parts/domain-register-front.tpl`: this file for the domain register page front elements
- `templates/orderforms/shyfytheme_cart/parts/domain-transfer-front.tpl`: this file for the domain transfer page front elements

## Common WHMCS issues

you fill find in this section common WHMCS issues and some suggestions to fix them

If you see an Oops error page like this indicates an error occurred during the generation of the page.
The error can be anything, from a simple notice or warning to a fatal error that halts execution.
Or you are installing the wrong theme version.
It's the PHP error reporting level on your server that determines which types of errors will trigger it.

If you find some error installing the theme like Missing main.css, white page or something similar, please:

- make sure you are uploading the correct file `WHMCS(X.X.X)/upload.zip`.
- make sure that you unpack the zip file after uploading to your server
- make sure that you are using the right version for your WHMCS
- make sure that you activate the template from your WHMCS admin panel
- make sure that the files has the right permission

Or probably has these issues in your server

- Syntax errors in custom modules, hooks or templates.
- Incompatible hooks or addons.
- PHP, Apache or Ioncube related errors.
- Missing or corrupted files / incomplete uploads.
- If the above suggestions do not solve please contact your hosting provider, or our support team will help you with your issue

## Support

If this documentation doesn't answer your questions, So, Please send us Email via Item Support Page or coodiv support team

We are located in GMT+1 time zone and we answer all questions within 12-24 hours in weekdays.
In some rare cases the waiting time can be to 48 hours. (except holiday seasons which might take longer).

Note: While we strive to offer the best support possible, please note that it is only available to verified buyers and pertains solely to issues related to our template, such as bugs and errors. Custom modifications or implementations of third-party modules are not covered.

##### Don’t forget to Rate this theme

We kindly invite you to share your review and opinion of our theme. Your feedback is invaluable to us and greatly supports our efforts.
To leave a review, simply navigate to your Themeforest Profile, access the Downloads Tab, and you'll find the option to rate and review our theme.
Thank you for your time and support.

## Changelog

See what's new added, changed, fixed, improved or updated in the latest versions.

For Future Updates Follow Us @themeforest / @facebook / @instagram

### Version 1.2.2 (16/08/2024)

`[ IMPROVE ]` Theme accessibility

`[ IMPROVE ]` Theme SEO

`[ IMPROVE ]` Theme load speed and performance

`[ FIX ]` support ticket custom field issue

`[ FIX ]` order form template checkout radios when PayPal is enabled

`[ FIX ]` 0 value issue on the products page

`[ FIX ]` homepage link in client registration page

`[ FIX ]` mobile sub-menu issue for the separated sidebar layout

`[ UPDATE ]` Documentation for product description

`[ UPDATE ]` Documentation for uploading ShufyTheme addon

`[ UPDATE ]` Documentation on Footer menu manager configuration

`[ UPDATE ]` Documentation on how to edit domains registration and transfer front elements

### Version 1.2.1 (24/07/2024)

`[ IMPROVE ]` The UI of quotes page

`[ IMPROVE ]` The UI of veiw quote page

`[ IMPROVE ]` The plans pricing on product page

`[ IMPROVE ]` The UI of support départements page

`[ IMPROVE ]` Shufytheme child gets optimized

`[ ADD ]` currencey selector

`[ FIX ]` The yellow dot in the product page when use single price

`[ FIX ]` Register lock button in domain details page

`[ FIX ]` The sidebar colors customization issue

`[ FIX ]` The typos errors in the theme

`[ FIX ]` Smooth scrolling button on the Nord VPN page

### Version 1.2.0 (16/07/2024)

`[ IMPROVE ]` Make the logo more responsive to the custom widths and heights

`[ IMPROVE ]` Improve the UI for social accounts buttons in login & register pages

`[ IMPROVE ]` Improve client area homepage affiliate program box

`[ IMPROVE ]` Newsletters form get improved and issues solved also add 2 protection layers for spammers and bots

`[ ADD ]` Add dynamic highlighted TLDs on the homepage

`[ ADD ]` Add domains catégories at domain pricing list in domain register & transfer pages

`[ ADD ]` Add pagination to the domain list domain register & Transfer pages

`[ FIX ]` Fix HTML announcements issue in homepage

`[ FIX ]` Solve HTML announcements issue in the login and register sidebar

`[ FIX ]` clients area homepage links (dynamic links)

`[ FIX ]` update user information sidebar links (dynamic links)

`[ FIX ]` Fixing the last slide issue in the Homepage slider

### Version 1.1.1 (23/06/2024)

`[ FIX ]` Image and checkbox reCAPTCHA issues on domain register and transfer pages
`templates/orderforms/shyfytheme_cart/domainregister.tpl`
`templates/orderforms/shyfytheme_cart/domaintransfer.tpl`
`templates/shufytheme/assets/css/app.min.css`
`templates/shufytheme/assets/css/app.rtl`

### Version 1.1.0 (20/06/2024)

`[ FIX ]` Searching for unavailable TLDs in domain register page issue

`[ FIX ]` the logo issues in the different layouts ( text & image )

`[ FIX ]` The announcement slider on the login and register page ( text height )

`[ FIX ]` password email rest not working

`[ FIX ]` affiliates number in the client area pages

`[ FIX ]` Using a domain already in the shopping cart to order new hosting on the mobile version

`[ New ]` Full Supporting for RTL layouts

`[ New ]` Affiliates page redesigned

`[ New ]` All of the Marketconnect pages has been improved to match the theme UI

`[ New ]` Activating the Arabic, Hebrew, and Farsi fonts and RTL mode from the admin panel

### Version 1.0.1 (15/05/2024)

`[ FIX ]` license verification issue: `modules/addons/shufyTheme/hooks.php`

### Version 1.0 (12/05/2024)

Initial Release