HOW TO INSTALL VIA SSH.

• Step 1.
  

  Before starting the installation:

  • Ensure your Magento version is compatible - Please check the current compatible versions on its product page.
  • Install the extension on a testing/development/staging environment first, then, after thoroughly testing it out, install it on a production (live) environment.
  • Make sure the Magento instance is in developer mode. You can use the php bin/magento deploy:mode:set developer command to change the mode to developer and then check to make sure the generated folder in the root of the Magento project is empty.
• Step 2.
  Copy the extension files to below paths of your magento 2 instance. If ‘app/code/Acx’ folder is missing, please create it manually:
  app/code/Acx/Backend
  app/code/Acx/Webpos

BRAND MANAGEMENT

Brand List

Brand List allows you to manage your brand information efficiently from the backend. Here's an overview of the functionality based on the provided image:

Access the Brand List by navigating to Agile Codex >> Brand Management >> click on Brand List in the admin sidebar.

Brand List page displays a table with the following columns:

1. Brand Name: Shows the name of the brand.
2. Brand Logo: Displays the logo associated with each brand.
3. Alt Text: Provides the alternative text for each brand logo, useful for accessibility and SEO.
4. Status: Indicates whether the brand is enabled or disabled. Enabled brands are active and visible on the frontend.
5. Sort Order: Determines the order in which brands are displayed. Brands with lower sort order values appear first.
6. Action: Allows you to perform actions such as editing or deleting a brand. Clicking "Select" provides a dropdown with these options.

New Brand Form

Brand form allows administrators to create and manage brand entries for the Brand management. Below is a detailed description of the form fields and their functionalities based on the provided image:

Access the Brand List by navigating to Agile Codex >> Brand Management >> click on Brand List >> click on Add New Brand.

• Enable Brand: Turn this switch on to enable the brand. When enabled, the brand will be active and visible on the frontend.
• Brand TitleEnter the name of the brand. This field is required and serves as the primary identifier for the brand.

• Brand Logo
  • Upload Button: Click "Upload" to select and upload a brand logo from your local files.
  • Select from Gallery Button: Choose "Select from Gallery" to pick a logo from the media gallery.
  • Drag and Drop Area: Alternatively, you can drag and drop an image file into the designated area.
  • Note: The maximum file size for the logo is 2 MB, and allowed file types are JPG, GIF, PNG, and WEBP.
• Brand Logo Alt Text: Provides alternative text for the brand logo. This text is used for accessibility and SEO purposes, ensuring that screen readers can describe the image.
• Sort Order: Specify the sort order for the brand. Brands with lower sort order values will appear first. This helps in organizing the display sequence of the brands.
• Store View: Select the store views where the brand will be visible. You can choose "All Store Views" or specific views such as "Main Website" or "Main Website Store."

DISPLAY BRAND SLIDER ON FRONTEND

A brand slider can be added to frontend CMS pages in two ways: by inserting a widget into the CMS page using PageBuilder, or by creating a new widget through the widget wizard.

Inserting Widget using page builder

This image shows how a brand slider can be displayed on the frontend by inserting a widget or the provided code snippet into CMS pages or blocks.

• Navigate to Content > Pages or Blocks.
• Create a Page or Block or click Edit next to the page you want to modify.
• In the Page Information or Block Information section, click on the Edit with PageBuilder button.
• From the left sidebar in PageBuilder, Drag the HTML Code element into the desired location in your layout.
• Click on Edit icon on HTML Code: A new Edit HTML Code panel will appear.
• Insert Widget:: A new configuration panel will appear.
• Configure the Widget:
  1. After placing the widget, the configuration panel appears.
  2. Click Select Widget and choose the widget type, then click Continue.
• Set Widget Options:
  1. Fill in the required details in the configuration panel.
  2. Configure settings like title and display options.
• To Save the Widget Configuration, click Insert Widget button.
• Save the Changes: Click Save in the upper right corner of PageBuilder.

Add Widget and link with a CMS page

1. Navigate to Content > Widgets. Click "Add Widget" and select "Brand Slider".
2. Configure the widget settings and select the store views. Add the widget to the desired layout.

Widget Options

1. Show Title: Yes
2. Title: Caption
3. Enable Dot Navigations: Enable
4. Infinite loop sliding: Enable
5. Slide/Fade animation speed: 300
6. Enables Autoplay: Enable
7. Autoplay Speed in milliseconds: 3000
8. Show Next/Prev Buttons: Enable
9. SlidesToShow: # of slides to show on Desktop: 5
10. SlidesToScroll: # of slides to scroll: 2
11. SlidesToShow: Number of slides to show at breakpoint 1024px: 4
12. Margin Between Brand: 10

If you insert a brand slider widget into the "Main Content Bottom" area of your homepage, it may display your brand logos as shown below: