How to Create Sliders and Menus in RankEcomm

This guide provides step-by-step instructions for creating, customizing, and managing sliders and menus on your Rank Really High website using Elementor.

Accessing the Test Page

1. Navigate to the Pages section in the backend of your website.
2. Use the search bar in the upper right-hand corner, type "test", and find the test page.
3. Click Edit with Elementor to open the test page editor.
4. To preview the current page, click the eyeball icon in the upper right corner.

Adding a Slider (or Menu) Widget

1. Click the plus sign to add a new container.
2. Select Flexbox and choose the first option on the far left.
3. Click the plus sign in the upper left-hand corner to add an element.
4. Search for Product Slider and drag it into your container.
5. Adjust settings:
   1. Toggle Featured Brand Slider or Staff Picks (if applicable).
   2. Set categories (e.g., Flowers, Pre-Rolls).
   3. Filter by brand, price, or subcategories.
   4. Set minimum/maximum price, THC levels, or sorting options (e.g., Popular, Best Selling, High to Low).
6. Click Publish and preview using the eyeball icon.

Customizing Sliders and Menus

1. Change the slider/Menu title in the Navigator:
   1. Double-click the container name and rename it.
   2. Add a Heading widget above the slider.
   3. Add a Button:
   4. Drag the Button widget below the slider.
   5. Update text (e.g., Shop All Flowers).
   6. Insert the correct link (navigate to the relevant page, copy the URL, and paste it in the button settings).
   7. Customize style, font, and hover color.
2. Click Publish and preview the changes.

Duplicating and Editing Sliders

1. Use the Navigator to locate your slider.
2. Right-click the top-level container and select Duplicate.
3. Update content:
   1. Change the title (e.g., High Potency Pre-Rolls).
   2. Modify product category (e.g., change Flowers to Pre-Rolls).
   3. Adjust sorting (e.g., set THC High to Low).
   4. Update the button text and link.
4. Click Publish and preview the page.

Adding a Menu Widget

1. Click the plus sign to add a new container.
2. Select Flexbox, choosing the first option on the left.
3. Click the plus sign to add an element.
4. Search for Menu and drag it into the container.
5. Configure menu settings similarly to sliders:
   1. Set categories, brands, filters, and sorting.
   2. Use for landing pages, brand promotions, or email marketing campaigns.
6. Click Publish and preview your menu.

Combining Sliders and Menus on the Same Page

1. Follow the steps above to add both a Menu
2. Widget and a Product Slider.
3. Arrange them as needed to showcase collections and product categories effectively.
4. Click Publish to save your changes.

By following these steps, you can efficiently create and manage sliders and menus on your Rank Really High website to enhance user experience and optimize product displays.