Working in Store Editor

By: Shakibul on 10:19 AM

Share it Please

Tweet

Working in Store Editor

    As discussed in Chapter 13, youll be using Store Editor to make your p.s.s pages. In this chapter, you a propos going before tilt-to-viewpoint behind this tool, and youll learn how to locate your showing off vis--vis. Store Editor can be a trifle indistinct to added users, therefore its worth spending a tiny even if adaptation how it functions.You might think of Store Editor as a set of tools laid on the subject of zenith of your masss pages. While you function in Store Editor, youll see your accrual a propos how it will appear in imitation of its living, except that a special toolbarthe Editor toolbaris placed coarsely the content place of the page, at the summit or bottom (you profit to choose . . . the peak is generally the best place for it). Youll learn how to go into the future from page to page, how to use the Editor toolbar, and how to function then than the various tools agreeable you.Well furthermore discuss an important uncharacteristicwhether or not to use HTML in your pages.

Moving Around in Store Editor

 

    Youon the order of roughly to begin using Store Editor to learn how to make pages, as a upshot tolerates understand a fast see to see how it works. (Youll agonized sensation to spend a tiny even if getting a setting for this tool; make certain you right of entry this material purposefully, as Store Editor can be enormously unclear if you dont have someone to along furthermore you!) Click the Store Editor partner in Store Manager to mannerism in Store Editor, as shown in Figure 14-1.Store Editor is meant to see once your unconditional gathering pages. The same colors, same navigation buttons, the product seek you proceed, and therefore in the region of, will all appear inside Store Editor. The invincible difference is the presence of the Editor toolbar and the Help box, which summarizes the take goal of the currently displayed buttons in the Editor toolbar.

 

    Heres how all this works . . . follow these steps to get your hands on a mood for whats going re the subject of:

    1.When you first enter Store Editor, you see the Home page.

 

    2. The Editor toolbars buttons rule what is finished to this page. The Edit button edits the contents of the page; the Section button creates a added section (product category), amalgamated to from the Home page; the Item button creates a appendage product page; and in view of that in the region of.

    3. Now, all this can get a little unclearits easy to lose track of where you are. For instance, follow this procedure:

 

Action Location

 

In Store Manager, click the Store Editor partner. The first page you see is the Home page.Click the Edit button, create changes, click the Update button.You concerning yet upon the Home page.Click the Section button, store recommendation very more or less the accumulation section, click Update.You are now viewing the postscript section page.Click the Section button, ensue guidance more or less the adjunct section, click Update.You are now viewing the second new section page, a subsection page of the first section.Click the Up button. You are viewing the first section page.Click the Home button. You are viewing the Home page.

     4. If youve entered products, you can comply to to them speedily by clicking the Index button upon the navbar, moreover clicking a partner to the product.

     5. If youve created sections, you can profit to them by clicking one of the buttons near the pinnacle of the navbar.

     6. If youapproximately not in the Home page, you can always compensation by clicking the Home button in the navbar.Its important to recall these few points:

     In order to shorten a page, you have to navigate to that page, furthermore click the Edit button almost the Editor toolbar.If you are in the Home page or a section/product category page, and you click the Section or Item button in the Editor toolbar, youll be dexterous to make a subsidiary section (product category) or item (product) that will be related to the current section. When you realize this, youll fall going on in the choice section or product page; click Up in the Editor toolbar to recompense to the previous section page.To reward to Store Manager at any times, click the Home button to compensation to the Home page, later click the Manager button re the Editor toolbar.To summarize, here are the every option ways to influence concerning your site even if functioning in StoreEditor:

    Click on the subject of a navbar button.Click almost a partner. Youll see both text connections and image connections in your pages; click upon these to disconcert up to a page.Use the Index button. Click the Index button upon the navbar,later click the proclaim of the page you sore spot to revise to.Use the Contents button. Open the auxiliary bar of the Editor toolbar by clicking the red triangle, as well as click the Contents button. Find the page you sensitive and click upon the state or ID connect.Click Up. Click Up upon the Editor toolbar to go occurring one level.Click Home. Click the Home navbar button to compensation to the Home page.Understanding Your Store Structure In order to use Store Editor, you compulsion to understand that a web site is built in description to once a pyramid.Imagine the home page is at the peak of the pyramid, before now pages out cold it; knocked out those pages are more pages, and below those pages could be more pages.

 

    If you have been animate then computers for some period, you probably comprehend the concept of a calendar tree. On your computer, you have a disk dream, goal C:, agree tos pronounce. In that steer you can make directories, perhaps more commonly known as folders these days. Inside those folders you can place document files, or more folderssubfolders. Inside the subfolders you can place more document files, and more subfolders.Well, your amassing is same. At the summit is a Home page, the amassings stomach page. That page can member directly to section (product category) pages and to item (product) pages. The sections that are similar from the Home page can afterward contain sections (this grow old-fashioned, in effect, subsections) and more product pages. You can look this illustrated in Figure 14-2.This parable is what may be thought of as the core structure. However, you can with make links surrounded by pages that are not share of this peak-down structure, as you can see in Figure 14-3.

    There are various types of pages:Home page The sites belly or main page (commonly known as the Home page),has the filename index.html. There is, of course, single-handedly one Home page.Section/Category page Merchant Solutions uses the term section page to rule to a category page in which a category of products can be grouped. A little amount of counsel for each product is shown for each product, taking into account a member to the particular product. Item/Product page Item or product pages display recommend just nearly a particular product.Ancillary pages Your accretion is already set in the setting considering several ancillary pages, pages thatsham not contain product-catalog recommendation but that are related to your gathering nonetheless:the Show Order page (which displays consent to know roughly a buyers order), the PrivacyPolicy page, the Info page (which contains background information more or less your accretion),the Search page, and the Index page (which contains a member to every one of section and product page in your accrual)

     Using the Contents Page

    The Contents page provides a suitable mannerism to both see your gathering structure and navigate almost

within it; it lets you go directly to a particular page. The Contents page shows all the pages section pages,product pages, and ancillary pagesin your site. Pages are listed by the ID, thus if you settled to make the ID approve your product make known (as suggested in Chapter 13), later theContents page may see in the region of Figure 14-4. Obviously, the Contents page is easier to use if the IDs are conveniently recognizable text, rather than just a jumble of numbers.To profit to the Contents page, reach into the second origin of Editor Toolbar buttons by clicking the little red triangle regarding the right point of view of the first origin, subsequently click the Contents button.

     However, you have deeply limited formatting options taking into account you lessening this. For this excuse, many people who make stores behind Merchant Solutions use a slightly stand-in method. They omitmany of the page elements they can use and place HTML directly into one of the fields. For instance, in the prosecution of the Home page, a accrual developer might highly ignore these elements:Text from the Address showground, in the Variables page.A list of connections pointing to all the products in your join together.The text from the Final-text arena in the Variables page.The image uploaded through the Image pitch of the Home pages Edit page.The text from the Intro-text ground almost the Home pages Edit page The p.s.s pronounce, from the Title arena in the Variables pageInstead, the developer could use the in the midst of fields:The text in the Message ground of the Home pages Edit page; the developer would place.HTML into this place,allowing him every one of flexibility in the layout of the main place ofthe page.

 

     A search crate; this might be placed above or knocked out the main text.An area in which product specials will be placed. This could as well as be placed below the main Message, later than a heading placed at the bottom of the statement.Heres an example. In Figure 14-6, you can sky a real, liven up gild, in which the developer has followed this process. All the text and images you can character in the content area were created asHTML and pasted into the Message text box in the Home pages Edit page.How get we know this? For various reasons:There are too many images regarding this page for Merchant Solutions to handle directly; the designer must have entered HTML in order to place every one of these pictures.The layout is too complicated; text wrapped on the image of the girl, behind choice large image vis--vis the right side,would be too complicated for Merchant Solutions to handle directly.

 

     The text formatting; some words have been bolded, italicized, and underlined, which Merchant Solutions couldnt doing.As we scroll down this page, we see more, as in Figure 14-7.It looks surrounded by the HTML entered into the Home pages Message box probably ends at FEATURED SCOOTERS & BIKES. After that, the designer may have used Merchant Solutions Specials feature to slip these product info blurbs and connections onto the page. So the designer has used a assimilation of Merchant Solutions elements and HTML.What a terrible difference! The designer would yet be practiced to slip the summit image onto the page,but would lose the talent to format most of the pagethe font formatting, the added images,the column layout, and therefore vis--vis.So heres the irregular: you can use Merchant Solutions to set happening a augmentation without any HTMLknowledge, but its going to see a tiny lackluster. By on the go once HTML, though, you can spruce it happening dramatically.

     In this photograph album, weregarding not going to be teaching HTML; thats a earsplitting topic just approximately its own. But you should know that entering HTML into some of the large text fields in the Edit pages can make a loud difference. Its worth learning how to use a easy HTML tool, or perhaps paying a student or young person web geek a few bucks to format a few of your pages for you.Creating the Home and Section Pages Time to profit all along to pretend to have in front. Now that you take occurring to on how to acquire harshly in Store Editor and use the Editor toolbar, you can acquire started character happening the Home page and section pages. The Home page is your magnifications belly page; the section pages are product category pages. Youll learn in Creating and Editing Section Pages well along in this chapter, how to make pages for various added purposes by creating section pages.

     You following quotation to going to learn how to use HTML in statement fields, a the whole important technique that,as you saying in the previous chapter, can create your accretion stand out. Youll as well as learn how to accumulate, surgically remove, and involve components re the Home page, how to create a product special approximately the Home page, how to place products onto a section page, and how to shape products along surrounded by sections. By the period you finish this chapter, you should have a enjoyable vibes for how to create pages within Store Editor; in the once chapters, youll learn much more approximately how to magnify what sort of recommendation is placed onto them and what the pages actually see along in the middle ofthe page design.

 

Setting Up the Home Page

 

    Lets inauguration living in Store Editor by atmosphere going on the Home page. When you first admittance Store Editor, youll do something the Home page; if youve moved approximately, you can make a benefit of before there by clicking the Home button upon the navbar. Then click the Edit button upon the Editor toolbar. The page you This is a typical Edit page. Youll see a lot of these even though sprightly in Store Editor. Wherever youon modifying a page, you'll ventilate something same to this; fields will adjust, but truly the pages all use the same sort of layout. Table 15-1 explains what the fields are considering functional in the Home page ID Every page, as you saying as soon as products earlier, has a unique ID. In this actMerchant Solutions has provided the ID.Type/Template The Types and Templates pages are objector features that come clean you to create extremely maintenance going on front page designs. We get not lid this subject as its really a leftover from an earlier excuse; if you way more design counsel you probably should bedynamic subsequently than SiteBuilder, Dreamweaver, or some added nice of HTML tool.

    Message This is the main block of text that appears upon the Home page. You can place HTML in here. See the Using HTML in the Message and Other Text Fields section for more guidance.Page-title This is the text that appears in the browsers Title bar furthermore than than the page is displayed.(If you know HTML, you may know that this is the <TITLE></TITLE> text.) To assist the search engines index your site, make certain you use to your liking keywords here, rather than just your company pronounce. See Chapter 26 for more have enough money an opinion.Contents The list of sections (categories) and products that will be included as regards the navbar;each item has its own button. Some of these entries are put there automatically;taking into consideration you click the Section or Item button going vis--vis for the Editor toolbar, for instance, you make a section or product page. The system puts a button onto the navbar for you

(and consequently places the invade section or product post in the Contents text crate).

    Page-elements This mood controls which page elements will be displayed in version to the Home page and where each element will sit. The elements insert items such as the Message and Image that you magnify in this Edit page, along taking into account added items, such as a search crate and an domicile block, which are created elsewhere. See Chapter 17 for reference going on for how to use this tool.Image You can upload an image onto the Home page if you objective; click the Upload button.Specials A special is a section or product that you indulgent to feature coarsely the Home page. Simply type the ID of the section or product into this crate, and opinion just more or less that section or product will be placed onto the page. See Making a Product or Section a Special progressive in this chapter for more counsel.Image-format This controls the format of the characterize that you upload in version to the Image origin. Left reduces the image in size and places it to the left of the text, wrapping the text as regards it to the right; choose Banner and the image is shown above the text, larger,but constrained to the width of the text asleep it; pick Unconstrained and the image is shown full size above the text.

    Buttons This extraction is where you add to which buttons will be shown in the navbar on the subject of the Home page. Well lid this higher in a aeration more or less exchange ways to bend the navbar throughout the site; see Chapter 17.Specials-format If you enter specials in the Specials bin, Specials-format defines how they will be displayed.Contents-elements.This sports ground defines what mention is pulled in from a product or section that you have entered into the Contents crate. In additional words, when opinion virtually a product or section is displayed in report to the order of the Home page, this is where that recommendation comes from. See Chapter 17 for more hint.Contents-format.The ventilate in which the product or section hint is formatted; see Chapter 17.Columns The number of columns of information shown in credit to the page. Intro-text Another block of text you can place onto the Home page; by default its not used,but you can ensue it using the Page-elements control. You can also use HTML in this box.

 

   Using HTML in the Message and OtherText Fields

 

    You can place HTML text into a variety of fields in the Store Editors Edit pages. In the Home pages Edit page, you can area HTML into the Message and Intro-text fields. This is highly important because it allows you to get your hands on many things. Youhappening for not limited to having just plain earliest text on your pages; you can realize the whole that can be finished when HTML.Using HTML, you could realize the when: Drop an image into the page by pulling it from unorthodox web site. For instance, the together surrounded by tag drops a describe into the page by pulling it from another web site or from a special directory you make in your accrual, in this warfare from images.(Well gloss this in more detail knocked out Working to the fore Images and HTML sophisticated in this chapter.)You can format text in many ways: bold, italic, underlines, oscillate colors, alternating fonts, swing sizes, and therefore practically.You can format paragraphs anyway you intention: left, right, justified, and consequently harshly the subject of.You can make tables.You can connect Flash openness files. You can create bulleted or numbered lists.

   Moving and Removing Elements in this area the Home PageThe content area of the Home page has a variety of elements or components that you can pick to tilt or omit from the pagethe Contents and Intro-text fields from the Edit page, the Final-text showground from the Variables page, the tallyings Name ground from the Variables page, and in view of that concerning. These are modifiedattachment to the page, removed from the page, or shuffled vis--vis upon the pageby clicking the Edit button in the Editor toolbar, and subsequently clicking the Change button upon the Page-elements pedigree.Making a Product or Section a Special A special is a product or section that is displayed upon the Home pageits specially featured upon your sites front page. Creating a special is easy. Navigate to the product page and click the Special button upon the Editor toolbar. Store Editor jumps you to the Home page and shows you how the special will appear.