Welcome to Rongchuang Media. I believe you will reap the most advanced digital operation solutions in the foreign trade industry!
National Service Hotline:400-0430- 678

Rongchuang Cloud Marketing Platform

18Years focus on the enterpriseGlobal digital marketing platformBuilding operations, search engine marketing, social media marketing, brand marketing overseasAll staff, whole network, panoramaNew business model!
You are here: Home » Documentation Help Center » Graphic help » Components » Basic components » How to use the quick navigation component?

How to use the quick navigation component?

Views:1     Author:Site Editor     Publish Time: 2016-06-28      Origin:Site Inquire

Quick navigation components:
[Introduction] The fast navigation component is a series of multiple navigation pages with the same page nature. There is no hierarchical relationship between the navigation, which is convenient for users to quickly jump between multiple pages.
[Application scenario] Generally added to the footer, left column, right column and other areas of the website, it supports horizontal shortcut navigation and vertical shortcut navigation, and selects the appropriate style according to the actual application scenario. The setting items of the quick navigation component support single or batch addition of in-site pages, external links, page anchors, product classifications, article classifications, and other types of pages as navigation. You can drag to adjust the order of navigation. The website navigation component style supports the selection of multiple horizontal navigation styles and vertical navigation styles.

【Applications】
Case 1:http://en.anli018.ldyjz.com/\"Quick Links\" in the footer of this case is done using the quick navigation component;

Quick navigation application 1

Case 2:http://en.anli011.ldyjz.com/, There is a content in the footer location that is done using the quick navigation component, as shown in the following figure:

Quick navigation application 2


【Instructions】

1. Add components

Step 1: Find the entry for adding components. Put the mouse on the area where you want to add quick navigation, a small water drop (that is, add component button) appears, click on the small water drop, and a pop-up box \"Add component\" will pop up;

Find the add component button

Step 2: Add \"Quick Navigation\" component. In the basic components, find \"Quick Navigation\" component, click \"Quick Navigation\", the \"Set Quick Navigation\" window pops up;

Click Quick Navigation

2. Set the components

In the pop-up settings quick navigation window, you can set the content and style;

content:If necessary, you can enter the component title, if you do not enter, the component title will not be displayed. Click the \"Batch Add Navigation\" button, and a \"Add Navigation Content\" window will pop up. In this window, you can select the site pages, external links, page anchors, product categories, and article categories as the content to display on the navigation.

Enter component title, add navigation in bulk



Add navigation content

After adding the content to be displayed in this component, you can click each navigation to modify the navigation name, or you can delete this navigation. You can also put the mouse on a certain navigation, click and drag the mouse to the position to be placed.

Modify navigation name, adjust navigation order

style:Click \"Style\" to switch to the style tab, here you can choose the style of navigation display, there are horizontal display style and vertical display style, you can choose according to your needs.

Choose display style

3. Edit style
Put the mouse on the navigation content area of ​​the website, the component name \"Quick Navigation\" appears in the upper left corner of the component, put the mouse on these four words, a row of small buttons appears on the right, click the second button, the edit style, The \"Style Editor\" window pops up.
Edit style


In the style editor, you can set the global, title bar, and content area of ​​this component separately, as shown in the following figure:

Style editor

Component global-component size: You can set the height of the component. Generally, the adaptive height is used. If the fixed height may cause the module to be blocked and left blank in different terminals, please use this function with caution (mobile phone The module is blocked or left blank on the terminal or PAD side, please first check whether it is caused by setting the height);
Component global - component size

Component global-component background: You can add a color background or a picture background to this component, or you can choose the tile mode, tile position, and background size of the background picture. Different choices can have different display effects. You can click to try separately Oh.

Component global--component background

Component global-component border: Here you can set the color and style of the component border (solid line, dashed line, double solid line, point), the thickness of the border, and the rounded corners of the border.

Website navigation-component border

Component Global-Component Margin: Here you can set the inner and outer margins of the component. How to define the inner and outer margins, please see the following figure (introduced by the article classification component):

Effect picture after setting margins



Components-Title Bar Settings: You can set the title bar separately, you can choose to show or hide the title bar, you can set the height, background, text, border, and margin of the title bar. As shown in the following figure (take the article classification component as an example):

Article classification component-title bar settings

Component-content area settings: you can add a color background or image background to the component content area, you can set the font/size/spacing/line height/alignment/font style of the non-linked text or linked text in the content area, you can set the content The border of the area and the margin of the content area (take the article classification component as an example).

Article classification component-content area settings

4. Copy components
The components in the header or footer area are common to every page, so if you copy the website navigation component, the copied component will be displayed below the current component, you can drag to adjust the position or continue to modify the component! The copied component and the original component are two independent individuals, one of them is modified, the other is not affected;


Copy component Quick navigation-copy components

5. Delete the component
Click the delete component button to delete this component.
Remove component
6. Recovery components
The deleted component is put into the component recycle bin by default. Click \"Settings\"-->>\"Component Recycle Bin\", find this component, and click the \"Restore\" button at the back to restore this component to the original page.
Component Recycle Bin Restore components

18Years of global marketing experience to help companies break the stalemate in overseas promotion under the epidemic
Leave a message for free to build a foreign trade station + new overseas precision marketing plan

One-click access to search engines, social media operationsProgram

表单名称

Responsive official website

Search Engine Marketing Solution

Social marketing plan

Brand promotion plan

Marketing Academy

Contact Sunac

Headquarters:
 tousu@rongchuangmedia.net
Shijiazhuang High-tech Zone International Talent City D2
Hebei Operation Center
 Pre-sale:
0311-67691129
    After sale:0311-67691131
 tousu@rongchuangmedia.net
 Floor 19A, Block B, Dongsheng Business Plaza, Shijiazhuang
Beijing Operations Center
400-0430-678

   Manager Zhang: 18614049883
 tousu@rongchuangmedia.net
A, Xueyuan Road, Haidian District, Beijing 5 768Creative Industrial ParkB North 1061
Website
WeChat 
Public security recordPublic security record number: 13019902000104
ICP recordRecord certificate number: Hebei ICP No. 15001123
bgValue-added telecommunications business license number: Hebei B2-20115046
© 2020 Shijiazhuang Rongchuang Media Co., Ltd. All rights reserved