SAHARA FASHION15 RESPONSIVE MAGENTO THEME

Transcription

1 SAHARA FASHION15 RESPONSIVE MAGENTO THEME This document is organized as follows: Chater I. Install ma_sahara_fashion15 template Chapter II. Features and elements of the template Chapter III. List of extensions in this template 1

2 Table of Contents I. Install ma_sahara_fashion15 template Install quickstart Install template II. Theme features and elements Home page Structure Menu Products grid page and products list page Details page Prozoom Static Blocks in this template Toplink Static ( Texts : contact@plazathemes.com., (+800) ) Header Static (Texts : free shipping, money back guarantee, payment secured ) Static Sub Menu Bottom Ma Banner 2 ( Images with texts : Shoes, luxury watches, handbags, new collection 2014 ) Banner Home Content ( Images with texts : new collection 2014, sale 50% all store items, women s shoes ) Banner Bottom ( Image with text : This template is great ) Footer Static ( Titles : About us, contact us, latest tweets, custom block, our services, our support, my account, information ) Footer Links Company ( Links : sitemap, advance search, contact us, customer service, privacy policy ) Footer Static Links Banner Left ( in products page) Change Footer Copyright How to upload rotator image III. Extensions in this template Custommenu Configuration Add CMS Block to popup of a specify category

3 1.3. Add CMS Block to menu item How to identify category IDs in magento : Add links to menu item How to use Banner Configuration Add item in slideshow(banner7) Tabs Product ( Titles Latest, Onsale, New Arrival ) Configuration How to show Tabs Product extension Latesttweet ( Title Latest Tweets ) Configuration Set up Upsell Slider ( Title Upsell products in details page) Configuration How to set upsell products Related Slider ( Title Related products in details product) Configuration How to set related products Brand slider ( Title Brand & Clients ) Configuration How to add logo Prozoom Configuration Layered navigation ajax ( in products page) Configuration Ajaxcart Super Configuration Theme options Configuration Testimonial Configuration

4 12.2. How to manage testimonials How to add new testimonial Add new testimonial in admin Add new testimonial in page Testimonials Newsletter Popup Configuration

5 Ma_sahara_fashion15 is a Magento theme with advanced admin module, extremely customizable and fully responsive. It is suitable for every type of store. It is a standalone design package (not a sub-theme of Magento default theme) so you can easily create your own sub-themes. More info And here you can find out more about theme updates, new features and about our upcoming themes: - Follow us on Facebook - Follow us on Plazathemes 5

6 I. Install ma_sahara_fashion15 template There are two ways to install a Magento Theme: Install quickstart: By using this package, you will set the theme exactly as our Demo with sample data. Install only template: If you exist a magento website you can install only template. 1. Install quickstart Please following steps below: 1. Create new database and import database sample ( ma_sahara.sql or ma_sahara.sql.gz) in database folder. Open your Browse and type : localhost/phpmyadmin or yourdomain/phpmyadmin Then create database Click database you have created 6

7 2. Extract and Upload the whole Quickstart package (app, js, skin in ma_sahara_fashion1415 _quickstart folder ) to your server. ma_sahara_fashion1415_quickstart.zip is in ma_sahara_package_1.0 Extract ma_sahara_fashion1415_quickstart, we got: 7

8 Copy all of folder above to your Magento. 3. Open browser and navigate to your site (where the quickstart uploaded) to load default Magento installer with the database you just created and import database sample. As an example, name of magento is ma_sahara. 8

9 Click button Continue. 4. Step by step to follow the instructions. Click Continue. We got: 9

10 With database name : ma_sahara database name you have just created User name : root User password : No need to fill in. Click Continue button. 10

11 - Fill Personal information : First Name, Las Name, Login Information: Username, Password, Confirm Password - Click Continue button 5. Finish installer. 6. You can Go to frontend to go to Home page. (Important note ( at step 3 of installation - Configuration page) ) 7. Disable cache Login your magento admin 11

12 Clear all cache ( System > Cache management > Disabled all cache ) After cache is disabled cache management screen might look like this: 8. Reindex data Go to System > Index Management. To rebuild your indexes, select all, select Reindex Data and click Submit button. 2. Install template 1. Please unzip package ma_sahara_fashion15_template.zip and upload the folders ( app, skin, js, media...) from the theme package to the root directory ( www, public_html) of your magento software using an FTP client. ma_sahara_fashion15_ template.zip in ma_sahara_fashion15_package Unzip ma_sahara_fashion15_ template.zip, we got: 12

13 Copy all app, js, media, skin above to your Magento. 2. Please go to Magento Admin > Magentothem > Install template 3. If your magento has many store views : Choose All Store View -> then click submit button 13

14 If don t have many store views, choose Submit button : 4. Clear all cache ( System > Cache management > Disabled all cache ) After cache is disabled cache management screen might look like this: 14

15 II. Theme features and elements In this chapter you can find description and configuration details of selected elements of this theme, such as home page, built-in static blocks, CSS classes etc. 1. Home page 1.1. Structure <image is next page> 15

16 16

17 After the theme is installed, you can import sample versions of the home page. To manage pages in Magento, go to CMS > Pages section. By default in Magento a page with URL Key home is displayed as the store s home page. One of a few sample home pages which you can import, has the following URL key: sahara_fashion15-homepage. So to display that page as a home page in your store, you need to change its URL key to simple home. Note: If the page with that URL key already exists(which is true in most of Magento installations) you will need to delete existing page or change its url key. Alternatively you can indicate which CMS page you want to use as your home page. To do that, go to System > Configuration > General > Web > Default Pages tab and select the desired page in the CMS Home Page field Menu Home page layout For every CMS page in Magento you can select page layout - the 17

18 number of columns: one, two, or three columns. To change the layout of the home page, go to CMS > Pages, select the page, select one of the options in the Layout field and click Save Page button Home page content To edit the content of the home page, go to CMS > Pages and open the active home page. Content can be found in the main field of the Content tab: Important Always turn off WYSIWYG editor when you want to edit HTML or Magento's CMS tags in the page/block content. Otherwise WYSIWYG editor will break the content. Refer to WYSIWYG editor for more details. 2. Products grid page and products list page <image is next page> 18

19 19

20 20

21 3. Details page <image is next page> 21

22 22

23 4. Prozoom 5. Static Blocks in this template Names of blocks and extensions in home image, grid, list, view Toplink Static ( Texts : contact@plazathemes.com., (+800) ) If you want to change content in this block, please do these steps below : Login your Magento Admin area Navigate to CMS > Static Blocks You will see : 23

24 At Title column, choose Toplink Static Click Show/Hide Editor to show code HTML of this block You can change content by editing code HTML 24

25 Click Save Config when you finish Header Static (Texts : free shipping, money back guarantee, payment secured ) If you want to change content in this block, please do these steps below : Login your Magento Admin area Navigate to CMS > Static Blocks You will see : At Title column, choose Header Static 25

26 Click Show/Hide Editor to show code HTML of this block You can change content by editing code HTML 26

27 Click Save Config when you finish Static Sub Menu Bottom If you want to change images in this block, please do these steps below : Login your Magento Admin area Navigate to CMS > Static Blocks You will see : 27

28 At Title column, choose Static Sub Menu Bottom Click Show/Hide Editor to show code HTML of this block 28

29 You can change image by editing code HTML Click Save Config when you finish. You should cut image with size 422 x Ma Banner 2 ( Images with texts : Shoes, luxury watches, handbags, new collection 2014 ) 29

30 If you want to change images in this block, please do these steps below : Login your Magento Admin area Navigate to CMS > Static Blocks You will see : At Title column, choose Ma Banner 2 30

31 Click Show/Hide Editor to show code HTML of this block 31

32 You can change image by editing code HTML Click Save Config when you finish. You should cut image with size 270 x Banner Home Content ( Images with texts : new collection 2014, sale 50% all store items, women s shoes ) If you want to change content in this block, please do these steps below : Login your Magento Admin area Navigate to CMS > Static Blocks 32

33 You will see : At Title column, choose Banner Home Content 33

34 Click Show/Hide Editor to show code HTML of this block You can change content by editing code HTML Click Save Config when you finish. 34

35 5.6. Banner Bottom ( Image with text : This template is great ) If you want to change image in this block, please do these steps below : Login your Magento Admin area Navigate to CMS > Static Blocks You will see : At Title column, choose Banner Bottom 35

36 Click Show/Hide Editor to show code HTML of this block You can change image by editing code HTML Click Save Config when you finish. You should cut image with size 1170 x Footer Static ( Titles : About us, contact us, latest tweets, custom block, our services, our support, my account, information ) 36

37 If you want to change content in this block, please do these steps below : Login your Magento Admin area Navigate to CMS > Static Blocks You will see : At Title column, choose Footer Static 37

38 Click Show/Hide Editor to show code HTML of this block You can change content by editing code HTML Click Save Config when you finish. 38

39 5.8. Footer Links Company ( Links : sitemap, advance search, contact us, customer service, privacy policy ) If you want to change content in this block, please do these steps below : Login your Magento Admin area Navigate to CMS > Static Blocks You will see : At Title column, choose Footer Links Company 39

40 Click Show/Hide Editor to show code HTML of this block 5.9. Footer Static Links You can change content by editing code HTML Click Save Config when you finish. If you want to change content in this block, please do these steps below : Login your Magento Admin area Navigate to CMS > Static Blocks 40

41 You will see : At Title column, choose Footer Static Links 41

42 Click Show/Hide Editor to show code HTML of this block You can change content by editing code HTML Click Save Config when you finish Banner Left ( in products page) If you want to change image in this block, please do these steps below : Login your Magento Admin area Navigate to CMS > Static Blocks You will see : 42

43 At Title column, choose Banner Left Click Show/Hide Editor to show code HTML of this block You can change content by editing code HTML 43

44 Click Save Config when you finish. You should cut image with size 271 x Change Footer Copyright If you can change in Footer Copyright, please do these steps below : Login your Magento Admin Navigate to System > Configuration Choose tab Design and then click tab Footer : 44

45 You can edit HTML in this place. Click Save Config when you finish. 6. How to upload rotator image Example, first image : When hover, we see back of image ( rotator image) : 45

46 How to upload rotator image : Login your magento admin Navigate to Catalog > Manage Products Choose one products you want to have rotator image, example, here choose Nunc facilisis : At Product Information, choose tab Images Choose Browse Files to choose images. Then click Upload Files to upload images. Then tick at Rotator Image column if you want to choose that image as rotator image : 46

47 Click sav Click Save button to save your configuration. 47

48 III. Extensions in this template 1. Custommenu 1.1. Configuration Log in to the admin panel, and we will show you how to configure the extension step by step. To enable the extension, go to System -> Configuration -> Custom Menu -> General on your Dashboard. Also in General tab you can configure next three fields. 48

49 After that you can customize number of columns. Config how to show popup 49

50 1.2. Add CMS Block to popup of a specify category. In order to display a custom block with images or other html content in the popup, use the Static Block (CMS->Static Blocks section) with the ID like "pt_menu_idcat_10", where "10" is the Category ID of this category. Default the custom block will be show at the bottom of the popup. But if you want to show it on the right of the popup, just use the ID like pt_menu_idcat_10_right. 50

51 1.3. Add CMS Block to menu item. Just use the static block with the ID has prefix is "pt_item_menu". Ex: pt_item_menu_first, pt_item_menu_second 51

52 1.4. How to identify category IDs in magento : Login your magento admin Navigate to Catalog > Manage Categories 52

53 1.5. Add links to menu item. In order to add links to menu item we use only static block with the ID is pt_menu_links. The content of this static block like this: <ul> <li><a href="{{store direct_url="about-magento-demostore"}}">about Us</a></li> <li><a href="{{store direct_url="contacts"}}">contact Us</a></li> </ul> 1.6. How to use Go to frontend and just hover mouse on the menu items to see how it work. Below are some demo images 53

54 54

55 55

56 2. Banner7 You should cut image with size 570 x Configuration Login your Magento Admin area Navigate to Magentothem > Banner7 > Configuration and configure default criteria as per screenshort below: 56

57 Below is paramenters explanation: Enabled: Include yes/no module paramenters Animation type:the effect to be used for transition between two slides. Pause Time: Time (in milliseconds) between slide transitions. Animation Speed: The speed of animations, in milliseconds Qty of items: Number item display Show Caption: Defines whether caption of images is displayed or not Show Next/Back control: Defines whether next/back button is displayed or not Show navigation control: Defines whether the navigation control is displayed or not 2.2. Add item in slideshow(banner7) Navigate to Magento > Banner7 > Manage Items 57

58 Click Add item button, you will see as screenshot below: Title: Title of the item Link: URL of the item Image: Image of item Order : The order of the item Store View : Default choose All Store Views Status : Define whether display slide or not Decription: Description about item Upload images of item : Click Browse button, you can choose image from your computer When finished, click Save Item button to save your item. Log out Magento Admin, then Reindex data You can repeat steps above to add other items for banner 58

59 3. Tabs Product ( Titles Latest, Onsale, New Arrival ) 3.1. Configuration Login Magento Admin Area Navigate Magentothem > Tabs Product > Configuration and configure default criteria as per screenshort below: 59

60 Below is paramenters explanation: Enabled: Include yes/no module parameter Mode : Modules you want to show on these tab. Latest Products : Show lastest products Onsale products : Show discount products Bestseller products : Show best selling products Mostviewed products : Show most viewed products Featured products : Show featured products New products : Show new products Show Add to Cart: Defines whether the Add to Cart is displayed or not Show Add to Wishlist: Defines whether the Add to Wishlist is displayed or not Show Add to Compare: Defines whether the Add to Compare is displayed or not Show Review Rating : Defines whether Review Rating is displayed or not 60

61 Show Short desciption: Defines whether the short description is displayed or not Short description max length: Max length of short description is displayed. Qty of Products: Product quantity will be displayed on product scroller. Products per row : Number of products will be displayed per row. Width of Thumbnail: Width of thumbnail image will be displayed. Height of Thumbnail: Height of thumbnail image will be displayed How to show Tabs Product extension Login your magento admin Navigate CMS > Pages At Title, Choose your Home page ( in demo, choose Home page fashion15) Choose tab Content : Click Show/Hide Editor : 61

62 This code : {{block type="tabsproduct/tabsproduct" name="tabsproduct" template="magentothem/tabsproduct/tabsproduct.phtml"}} {{block type="cms/block" block_id="banner_home_content"}} Show Tabs Product extension in this template. 4. Latesttweet ( Title Latest Tweets ) 4.1. Configuration Login Magento Admin area Navigate to Magentothem > Latesttweet > Configuration and configure default criteria as per screenshort below: Below is explanation: Enabled: Include yes/no module paramenters Heading Title : Title of module Number of Tweets show : Number of tweets will be displayed Show Time Stamp : Defines whether show time stamp or not 62

63 4.2. Set up Step 1 - Setup a Twitter Application This process is straightforward and you should have a set of keys within a few minutes. 1. Visit and sign in using your Twitter username and password. This doesn't have to be the username or password of the stream you need access to, just a Twitter account you control. 2. Select "Create new application" and enter the application details. 1. The name and description can be anything you like really, but you can't use "Twitter" in the name. 2. The website field can be your main website and doesn't have to be the site where your Twitter feed or feeds are located. 3. Callback URL can be left blank 4. Enter the CAPTCHA info and click create 5. On the next details screen, click "create my access token". You may need to refresh the page after a few seconds if it doesn't appear automatically. 6. Make a note of the Consumer key, Consumer secret, Access token and Access token secret as highlighted below. 63

64 Step 2 - Authenticate the Twitter Feed You go to your Website folder ( www, public_html ) -> "twitter" folder then open "get-tweets.php" file and change $twitteruser = "twitter_username"; $consumerkey = AubOwFFQ9r35FIEZNTrTsg $consumersecret = Rfdmx8MYYILJvQ8tz7265MEs9sTLOoFKHnLfMjrpwpY $accesstoken = "doohvgjr8lqbaxzvxa5rbgng1mvmsipgebvbt9usw $accesstokensecret = "doohvgjr8lqbaxzvxa5rbgng1mvmsipgebvbt9usw"; 64

65 5. Upsell Slider ( Title Upsell products in details page) 5.1. Configuration Login Magento Admin area Navigate to Magentothem > UpsellSlider > Configuration and configure default criteria as per screenshort below: Below is paramenters explanation: Enabled: Include yes/no module paramenters Auto slide: Enable auto scroller product 65

66 Title : Title of module Slideshow Speed:Duration(in milliseconds) of slide transition animation. Defines how fast the current slide is replaced with the next slide. Animation Speed: The speed of animations, in milliseconds Show Price: Defines whether price of product is displayed or not Show Review Rating: Defines whether the review rating is displayed or not Qty of Products: Product quantity will be displayed on product scroller. Number Product Show: Number product will be displayed in a row Width of Thumbnail:The width of thumbnail image will be displayed. Height of Thumbnail: The height of thumbnail image will be displayed Show Next/Back control: Defines whether the next/back control is displayed or not Show navigation control: Defines whether the navigation control button is displayed or not 5.2. How to set upsell products Go to Catalog > Manage Products Select any product Select tab Up-sells. Then select Any like image below: 66

67 Click Search button. We get the following picture: Select upsell products like the image above Click Save or Save and Continue Edit You can repeat steps above to configure new attribute for other products 67

68 6. Related Slider ( Title Related products in details product) 6.1. Configuration Login Magento Admin area Navigate to Magentothem > Related Slider > Configuration and configure default criteria as per screenshort below: 68

69 Below is paramenters explanation: Enabled: Include yes/no module paramenters Auto slide: Defines whether images autoplay or not Slideshow Speed:Duration (in milliseconds) of slide transition animation. Defines how fast the current slide is replaced with the next slide. Animation Speed: The speed of animations, in milliseconds Show Price: Defines whether price of product is displayed or not Show Wishlist: Defines whether the wishlist is displayed or not Number Product Show: Number product will be display in a row Width of item: The width of the item. Width of Thumbnail: Width of thumbnail image will be displayed. Height of Thumbnail: Height of thumbnail image will be displayed Show Next/Back control: Defines whether next/back control is displayed or not Show navigation control: Defines whether navigation button is displayed or not 6.2. How to set related products Go to Catalog > Manage Products Select any product Select Related Products 69

70 Select Any like the image below: Click Search button. And we get the image above Select related products like the image above Click Save or Save and Continue Edit You can repeat steps above to configure new attribute for other products 70

71 7. Brand slider ( Title Brand & Clients ) 7.1. Configuration Login Magento Admin area Navigate to Magentothem > Brandslider > Configuration and configure default criteria as per screenshort below: Below is paramenters explanation: Enabled : Include yes/no module paramenters Auto slide: Defines whether images autoplay or not Slideshows Speed:Duration (in milliseconds) of slide transition animation. Defines how fast the current slide is replaced with the next slide. Animation Speed: The speed of animations, in milliseconds Show Short Description: Defines whether display short description or not Qty of items: Number item display Number Items Show: Number of product is displayed. Width of Item: The width of items 71

72 Show Next/Back control: Defines whether display next/back button or not Show navigation control: Defines whether display navigation or not 7.2. How to add logo Navigate to Magento > Brandslider > Manage Items. Then : Click Add Item: Below is explanation: Title: Title of item Link: URL Image: Image of item Status : Define whether display images or not Decription: Description about item Upload images of item : Click Browse button, you can choose image from your computer You can repeat Add Items above to configure new attribute for other Items. 72

73 When finished, click Save Item button to save your brand slider. Log out Magento Admin, then Reindex data 8. Prozoom 8.1. Configuration Login Magento Admin area Navigate to Magentothem > Prozoom > Configuration and configure default criteria as per screenshort below: 73

74 Below is paramenters explanation: Enabled Module: Include yes/no module paramenters Width of Zoom Panel: The width of zoom panel Height of Zoom Panel: The height of zoom panel Border Width of Zoom Panel: The border width of zoom panel Border Color of Zoom Panel: The border color of zoom panel Width of Lightbox Image: The width of lightbox image Height of Lightbox Image: The height of lightbox image Enabled Thumbnail Scroller: Defines whether thumbnail scroller is displayed or not Auto Thumbnail Scroller: Defines whether thumbnail scroller is autoplayed or not Scroll Style: Number Thumbnail Display: Number thumbnail is displayed Width of Thumbnail: The width of thumbnail Height of Thumbnail: The height of thumbnail 9. Layered navigation ajax ( in products page) 9.1. Configuration Login your Magento Admin area Navigate to Magentothem > Layered navigation ajax> Configuration 74

75 Click General Configuration And configure default criteria as per screenshort below: Below is paramenters explanation: Enabled Module : Include yes/no module paramenters. Enable Toolbar Ajax : Defines whether enabled Toolbar ajax or not. Enable Slider : Defines whether show price slider 75

76 Enable Tag Product Ajax : Defines whether Product tag uses ajax or not Loading Image : Image when loading ajax. Click Browse to image you want to insert. Transparent Image : Background image when loading ajax. Click Browse to image you want to add. Background Opacity : Opacity of background image. 10. Ajaxcart Super Configuration Login your Magento Admin area Navigate to Magentothem > Ajaxcart Super> Configuration 76

77 Click General Configuration And configure default criteria as per screenshort below: Below is paramenters explanation: Enabled Module : Include yes/no module paramenters. Show or hide Effect to cart : Defines whether show effect to cart or not. Example : 77

78 Using SSL : Enable if you use https. Show or hide confirm box : Defines whether show confirm box or not. Example : This is confirm box Loading Background Color : Color of loading background. - You can type color code at input box 78

79 - or choose color from pallete Loading Image : Image when loading ajax cart. Click Browse to choose image you want Background Opacity : Opacity of background. 11. Theme options Configuration Login your Magento Admin area Navigate to Magentothem > Theme Options> Configuration 79

80 Click Theme Options Config New label : Defines whether show label New or not Sale label : Defines whether show label Sale or not 12. Testimonial This module permits customers and visitors write comments about products, website Configuration Login your magento admin Navigate to Testimonial > Configuration Click Genera Settings, Testimonial Configuration, Setting : ( image is next page) 80

81 Below is paramenters explanation : At General Settings : Show testimonial on top link : Defines whether shows Testimonial link on top link 81

82 This example, Testimonial is shown on top link. Show testimonial paging: Defines whether show paging of testimonials. Testimonials per page on list allowed values : Number of testimonials per page such as : 5, 10, 15. Maximum testimonials : Maximum number of testimonials will be displayed in slider Show testimonial as slider : Defines whether show tesnimonials as slider or not At Testimonial Configuration : Allow customers to submit testimonial : Defines whether all customers are written testimonials or not. Example : If you choose No, button Write your testimonial won t be shown. 82

83 Enable captcha : Defines whether enable or disable captcha. Allow guest to write testimonials : Choose Yes, all guest will be written testimonials, they don t need login their accounts. If you choose No, all guests must login their accounts to write testimonials. Thank you message : Thanks message when guests submit their testimonials. Approve testimonials : Enable this function to wait approve testimonials. At Setting : Enable sending after posting testimonial : Enable mode sending to guests after they posted testimonial. Enable sending after testimonial is approved: Enable mode sending to guests when their testimonal is approved. template for posting testimonial template for approving testimonial How to manage testimonials Login your magento admin Navigate to Testimonial > Manage Testimonials.You will see table of testimonials : pending, approved. 83

84 Choose one testimonial Note : At Status : Choose Approved if you want to show this testimonial in your website; Choose Pending : If you want to wait to approve this 84

85 testimonial,; choose Not Approved if you don t want to show this testimonial. Click Save Testimonial when you finish How to add new testimonial You have 2 ways to add new testimonial : Add new testimonial in admin Login your magento admin Navigate to Testimonial > Manage Testimonials Choose Add New Testimonial button With : Name : Name of customer of customer Avatar : Avatar of customer. Click Browse to choose image will be avatar of customer. Company : Name or link about your company Address : address of your company Testimonials : Your comments. Status : Status your comment : Approved or not appoved or pending. 85

86 Add new testimonial in page Testimonials Click link testimonial on top link or click any comment in slider of this module you will go to a testimonial page. This page contain all testimonials. Example, this is a testimonial page : ( image is next page) 86

87 87

88 Then click button Write your testimonial, you will see : Type necessary information, write your testimonial and then Click button Submit testimonial to post your testimonial. 13. Newsletter Popup When open your website first, newsletter popup will be shown. 88

89 13.1. Configuration Login your magento admin Navigate to Magentothem > Newsletter Popup Click General : Below is paramenters explanation : Enable : Defines whether enable or disable this module. Include Jquery : Defines whether include jquery or not Title Popup: Title of this popup Content Popup: Content ( description) of this popup. Width Popup(px): The width of popup ( px) Height Popup (px): The height of popup ( px) 89

90 Speed Popup (milliseconds): Speed of popup ( if you don t type, speed popup is default) Margin Top Popup : Distance from popup to Top. ( if you don t type, Margin Top Popup is default) Background Popup : Click Browse to choose one image as background of popup. Cookie Timeout : Set a cookie to expire after X days 90