Skip to main content

Modules

The new Ceres online store

As of now, online store projects are based on the new online store plugin Ceres. The Ceres store uses the latest and future-proof plugin technology. Ceres can be customised easily and extended by additional plugins from the plentyMarketplace.

Online stores that have been created on the basis of the old CMS will be maintained during the transition period. However, no new features will be developed for the old CMS. We recommend to use the new Ceres online store for all future online store projects.

A link cloud is an arrangement of links to different items. These links have different font sizes and are sorted randomly. The font size of a link is assigned automatically based on the number of search results. As such, an item with many search results is displayed in large font. You save the search tags and links for inserting a link cloud into your online store in the System » Client » Select client » Modules » Link cloud menu. Proceed as described below to create link cloud for your items.

2. Defining search tags

First define the search tags, i.e. the terms that items are linked to and that the items can be found under. Usually the names of items or categories are used as search tags. You can also select search tags that do not reflect the item names directly. For example, enter glasses as a search tag to list items with different names. The tag glasses will list all glasses that you have in stock. Note that you might have to spell items with a hyphen. For example, the item sunglasses will not be found. However, it is found if spelled with a hyphen, as sun-glasses.

Defining search tags:

  1. Go to System » Client » Select client » Modules » Link cloud.

  2. Enter one search tag per line.

  3. Save the setting.
    → A link to the search results is created automatically.

  4. Click on the magnifying glass to display the number of the search results.

Updating a link cloud

The link cloud is not automatically updated when your items change. You need to resave your settings to update the link cloud.

Now insert the contents of your link cloud into your online store. Open the CMS menu and insert a headline and a box in the PageDesignContentMainFrame template. The template variable for displaying the link cloud is $ItemLinkCloud. Below you will find an example code that you can insert into your web design and modify according to your needs.

<div class="ff01_box white">
            <h1>Top sellers</h1>
            $ItemLinkCloud</div>

Inserting the link cloud in your online store:

  1. Copy the code example.

  2. Go to CMS » Web design » Layout » Folder: PageDesign.

  3. Open the PageDesignContent template.

  4. Click on the PageDesignContentMainFrame tab.

  5. Insert the code example into the template. Position it where you would like the link cloud to be displayed.

  6. Save the settings.

EN Settings Client Standard Modules ItemLinkCloud 1
Figure 1. example of a link cloud with a headline and different font sizes

4. Inserting the CSS classes into your online store

You also need to insert CSS classes for the link cloud to work. These CSS classes regulate the font sizes of the links that are displayed in the link cloud. Proceed as described below to insert the CSS classes into your online store.

Adding CSS code:

  1. Copy the CSS code below.

  2. Go to CMS » Web design » Layout » Folder: CSS.

  3. Open the CSSBase template.

  4. Enter the code at an appropriate position, e.g. at the end of the template.

  5. Save the settings.

.tag_6 {
color:#417C9C;
display:inline;
font-size:10px;
}
.tag_5 {
color:#417C9C;
display:inline;
font-size:12px;
font-weight:bold;
}
.tag_4 {
color:#417C9C;
display:inline;
font-size:14px;
font-weight:bold;
}
.tag_3 {
color:#417C9C;
display:inline;
font-size:16px;
font-weight:bold;
}
.tag_2 {
color:#417C9C;
display:inline;
font-size:18px;
font-weight:bold;
}
.tag_1 {
color:#417C9C;
display:inline;
font-size:20px;
font-weight:bold;
}
Tip: Font sizes

The differences in font sizes are calculated with the help of a specific mechanism. The font sizes differ most if you use as many links as possible with a variety of search results.

5. Blog

Use the blog function to publish text and image articles in your online store. Blogs are a medium that allows you to communicate news, changes, problems and other interesting topics to your customers. Carry out the settings described here in the menu System » Client » Select client » Modules » Blog before you create and write your first blog entry.

6. Selecting a layout

Proceed as described below to select a layout for your blog. The following layouts can be selected:

  • PageDesignBlog

  • PageDesignContent

  • PageDesignCheckout

EN Client Standard Modules Blog 01
Figure 2. selecting a blog layout

Selecting a layout:

  1. Go to System » Client » Select client » Modules » Blog.

  2. Select the Layout that you want to use for blog entries (Figure 2).

  3. Save the settings.
    → The blog will be displayed in you online store under http://www.YOUR_STORENAME.co.uk/blog/.

7. Adding a new language

Open the New language submenu and proceed as described below to create a menu for every language that you need. First, select a language and enter the name of a blog category in the same language.

EN Client Standard Modules Blog 02
Figure 3. adding a new language to the blog

Creating a new language:

  1. Go to System » Client » Select client » Modules » Blog.

  2. Open the New language submenu.

  3. Select a language from the drop-down list.

  4. Enter the first category for your blog entries, e.g. News.

  5. Save the settings.
    → The menu will be created for this language.

7.1. Defining a page title for a language

Once you have added a language, you will need to define a page title for the blog homepage in this language. You can use a different title for each language.

Defining a page title:

  1. Go to System » Client » Select client » Modules » Blog.

  2. Open the language.

  3. Click on the Page title tab.

  4. Enter a page title for the blog’s homepage in the corresponding language.

  5. Save the settings.

7.2. Adding a blog category

You already created the first category when you initially set up the language. When you open the language’s menu you can find the category in the Edit categories tab. You can create additional categories in the New category tab. You can then assign blog entries to one of these categories. As a first step, plan at least a few different blog categories that are important for your online store, e.g. News, New products, Events, Special Offers or Dates.

EN Client Standard Modules Blog 03
Figure 4. creating a new category

Adding a blog category

  1. Go to System » Client » Select client » Modules » Blog.

  2. Open a language.

  3. Click on the New category tab.

  4. Enter a name for the new blog category.

  5. Save the settings.

7.3. Editing a category

The categories will be listed in the Edit categories tab. Open a category to change its name or position. Use the Position option to determine the order in which the categories will be displayed in your online store. Furthermore, you can delete categories here.

EN Client Standard Modules Blog 04
Figure 5. editing a blog category

8. Creating a blog entry

Once you have carried out all of the blog settings, go to CMS » Blog to create a new blog entry.

9. Creating and configuring a guestbook

You can save the language and layout options of the guestbook in the System » Client » Select client » Modules » Guestbook menu. You have to create a language before you can configure the guestbook settings. The guestbook settings will be set up and become visible for a specific language and shop. Proceed as described below to set the language and further settings.

Creating and configuring a guestbook:

  1. Go to System » Client » Select client » Modules » Guestbook.

  2. Click on the New language tab.

  3. Select a language from the drop-down list.

  4. Save the settings.
    &rarr; The language will be displayed in the Language tab.

  5. Click on the language’s plus icon.

  6. Pay attention to the explanations given in Table 1 and configure the Settings tab as desired.

  7. Save the settings.

Table 1. guestbook settings
Setting Explanation

Date format

Select the format for displaying the date from the drop-down list.

Time format

Select the format for displaying the time from the drop-down list.

Entries per page

Select how many entries per page should be displayed in the guestbook. Default setting is 15.

Allow BBCode

Select whether the simplified markup language BBCode should be permitted for formatting text within the guestbook entries.

Allow BBCode $img tag

Select whether the simplified markup language BBCode should be permitted for inserting images into the guestbook entries.

10. Editing or translating identifiers

You can save custom identifiers to replace the default identifiers in the Identifier tab. If you want to create a guestbook in a different language, then save your translations here.

11. Inserting a guestbook into the design

The guestbook is displayed in the online store with the help of the $Container_Guestbook template variable. Insert the template variable where you want the guestbook to appear in a category of the type Content.

12. Creating and configuring forums

12.1. Creating user groups

The first step is to create user groups. Specifies the rights specific customer groups will have in the forum. These rights apply to all areas of the forum. For example, you could create a user group for guests that has limited rights and another user group for registered customers that has more rights.

Creating user groups:

  1. Go to System » Client » Select client » Modules » Forum.

  2. Click on the User groups tab.

  3. Click on the plus icon of the New group submenu.

  4. Enter a name for the new user group, e.g. Customer.

  5. Save the settings.

  6. Create additional user groups if needed.

12.2. Assigning rights

Now specify the rights that you want to assign to the user groups.

Assigning rights:

  1. Go to System » Client » Select client » Modules » Forum.

  2. Click on the User groups tab.

  3. Click on the plus icon of the submenu of the desired user groups.

  4. Activate the rights you want to assign for the group.

  5. Save the settings.

Assigning user groups in the customer data

You need to assign customers to one of these user groups in the customer data area. Otherwise, the customer will not be able to see the forum entries. Open the Customer data tab of the customer and select the appropriate setting for the option Forum user group.

12.3. Adding languages

You have to create one or more languages before you can configure the forum settings. These settings will be set up and become visible for a specific language and shop.

12.4. Carrying out general forum settings

The language’s Settings tab is where you can specify the basic parameters for the forum.

Carrying out the settings:

  1. Go to System » Client » Select client » Modules » Forum.

  2. Click on the Settings tab.

  3. Click on the Language tab.

  4. Click on the plus icon of the language’s submenu.

  5. Click on the Settings tab.

  6. Pay attention to the explanations given in Table 2 and carry out the settings as desired.

  7. Save the settings.

Table 2. forum settings
Setting Explanation

Forum title

The heading that will be displayed on the forum’s homepage.

Forum description

Helps to identify the forum. Useful if you offer more than one forum.

User group for non-registered users

Use the drop-down list to select which user group non-registered users should automatically be assigned to.
If none of the user groups are suitable, create an additional user group for non-registered users.

Date format

Select the format for displaying the date from the drop-down list.

Time format

Select the format for displaying the time from the drop-down list.

Topics per page

Select how many topics per page should be displayed in the forum. Default setting is 15 topics per page.

Entries per page

Select how many entries per page should be displayed in the forum. Default setting is 15 entries per page.

Allow BBCode

Select whether the simplified markup language BBCode should be permitted for formatting text within the forum entries.

Allow BBCode $img tag

Select whether the simplified markup language BBCode should be permitted for inserting images into the forum entries.

12.5. Creating categories

The Categories tab allows you to create different areas for your forum. Using categories will help you to create a clear structure for your forum so that entries can be sorted by topics. This makes them easier to find.

Creating categories:

  1. Go to System » Client » Select client » Modules » Forum.

  2. Open the desired language.

  3. Click on the Categories tab.

  4. Click on the plus icon next to New category.

  5. Enter the name under which the category is to be displayed in the forum.

  6. Enter a position to sort the categories. The higher the position, the lower down in the list the category will be displayed.

  7. Save the settings.

13. Creating forums

Now you can create forums. Forums are individual topics that fit within a specific category. You can create these forums as needed over time or you can plan out appropriate topics in advance and set up these forums right at the start.

Creating forums:

  1. Go to System » Client » Select client » Modules » Forum.

  2. Open the desired language.

  3. Click on the Categories tab.

  4. Open the category that you want to create a new forum for.

  5. Click on the Forums tab.

  6. Click on the plus icon next to New forum.

  7. Enter a position to sort the forum into the category. The higher the position number, the lower the forum will be positioned in the list.

  8. Enter a name and description.

  9. Save the settings.

13.1. Assigning rights

Now decide which individual rights the user groups should have for each forum or topic. This specifies the actions the users of this user group can perform in the forum.

Assigning rights:

  1. Go to System » Client » Select client » Modules » Forum.

  2. Open the desired language.

  3. Click on the Categories tab.

  4. Open the desired category.

  5. Click on the Forums tab.

  6. Open the desired forum.

  7. Click on the Rights tab.

  8. Open the user group that you want to assign rights to.

  9. Activate the rights you want to assign for the user group.

  10. Save the settings.

13.2. Customizing identifiers

The Identifier tab contains the texts that are used in the forum, e.g. Log in and Log out, which are needed for accessing the forum. You can edit these texts as desired by replacing the entries on the right with a customized name.

Save the identifiers

You have to save the Identifier tab once when first setting up the forum. This is true even if you did not make any changes to the identifiers. Only then will the identifiers be activated for the forum and become visible.

Editing identifiers:

  1. Go to System » Client » Select client » Modules » Forum.

  2. Click on the Settings tab.

  3. Click on the Language tab.

  4. Click on the plus icon of the language’s submenu.

  5. Click on the Identifier tab.

  6. Change the names as desired.

  7. Save the settings.

14. Setting up the layout

Make the following changes to the layout settings to display the forum in your online store. You need to insert code for the page layout into the PageDesignForum template. In addition, you need CSS code for the CSSForum in order to format the content.

14.1. Page layout

Save the code for the page layout in the PageDesignForum template. At minimum, the code must include the template variable $MainFrame.

Configuring the page layout in the PageDesignForum template:

  1. Go to CMS » Web design » Layout.

  2. Open the PageDesign folder. Then click on the PageDesignForum template.

  3. Click on the PageDesignForumMainFrame tab.

  4. Insert the desired code into the tab.

  5. Save the settings.

Now insert the code below into the PageDesignForumHtmlStructure tab of the PageDesignForum template. To do so, proceed as follows.

Configuring the page layout in the PageDesignForumHtmlStructure area:

  1. Go to CMS » Web design » Layout.

  2. Open the PageDesign folder. Then click on the PageDesignForum template.

  3. Click on the PageDesignForumHtmlStructure tab.

  4. Insert the code shown below into the tab.

  5. Save the settings.

Example code for the PageDesignForum » Tab: PageDesignForumHtmlStructure template:

<script type="text/javascript" src="/layout/machart_studios/js/easySlider1.7.js"></script>
<script type="text/javascript" src="/layout/machart_studios/js/jquery.jqzoom-core-pack.js"></script>
<script type="text/javascript" src="/layout/machart_studios/js/machart-scripts.js"></script>

<!-- topic list hover fix -->

<script type="text/javascript">/* */
  $(document).ready(function($) {
    $('.PlentyForumTableFixInvisible').hover(function() {
$(this).parent().prev('.PlentyForumPostRow').addClass('hover');
    }, function() {
$(this).parent().prev('.PlentyForumPostRow').removeClass('hover');
    });
  });
/*  */</script>

<!-- plenty message popup -->

<script type="text/javascript">/* */

/*begin config*/
var plentyPopupShowDuration = 3000; /*recommended 3000*/
var doNotAutoCloseIfError = true; /*recommended true*/
var closeIfClickOnOverlay = true; /*recommended true*/
var popupDistanceTop = 50; /*recommended 50*/
var popupDistanceBottom = 50; /*recommended 50*/
/*end config*/

var plentyPopupOpenTime = (new Date).getTime();
var errorFound = false;

$(document).ready(function($) {
    /*create message popup*/
    $('body').append('<div class="PlentyPopupOverlay" style="display: none;"></div><div class="PlentyMessagePopupWrapper" style="display: none;"><div class="PlentyMessagePopupContainer"><div class="PlentyMessagePopupHeader"><div class="PlentyMessagePopupTitle"></div><div class="PlentyMessagePopupClose"><a></a></div><div class="PlentyClear"></div></div></div><div class="PlentyMessagePopupContent"></div></div>');
    /*check error message*/
    if ( $('.plentyErrorBox').length > 0 ) {
        errorFound = true;
        cloneIntoPopup('.plentyErrorBox');
    }
    /*check success message*/
    if ( $('.plentyMessageBox').length > 0 ) {
        cloneIntoPopup('.plentyMessageBox');
    }
    /*check auto close*/
    if ( errorFound == false || doNotAutoCloseIfError == false ) {
        startClosingPopup(plentyPopupShowDuration);
        /*keep popup if hovered*/
        $('.PlentyMessagePopupWrapper').hover(function() { stopClosingPopup(); }, function() { closePopup(true); });
    }
});

/*functions for popup*/
cloneIntoPopup = function(target) {
    $(target).clone().appendTo('.PlentyMessagePopupContent');
    positionPopup(popupDistanceTop, popupDistanceBottom);
    $('.PlentyPopupOverlay').fadeIn();
    $('.PlentyMessagePopupWrapper').fadeIn();
    $('.PlentyMessagePopupClose').click(function() { closePopup(false); });
    if ( closeIfClickOnOverlay == true ) $('.PlentyPopupOverlay').click(function() { closePopup(false); });
}
positionPopup = function(popupDistanceTop, popupDistanceBottom) {
    var windowHeight = $(window).height();
    var documentHeight = $(document).height();
    var scrollTop = $(document).scrollTop();
    var popupHeight = $(".PlentyMessagePopupWrapper").outerHeight();
    if ( (scrollTop + popupDistanceTop + popupHeight + popupDistanceBottom) <= documentHeight ) {
        $(".PlentyMessagePopupWrapper").css("top", ( scrollTop + popupDistanceTop ) +"px");
    }
    else {
        $(".PlentyMessagePopupWrapper").css("top", ( documentHeight - popupDistanceBottom - popupHeight ) +"px");
    }
}
startClosingPopup = function(t) {
    closePopupInterval = setInterval(function() { closePopup(); stopClosingPopup(); }, t);
}
closePopup = function(checkTime) {
    /*fade out only after show duration passed*/
    if ( checkTime == true ) {
        var plentyPopupCheckCloseTime = (new Date).getTime();
        if ( plentyPopupCheckCloseTime > plentyPopupOpenTime + plentyPopupShowDuration ) { $('.PlentyMessagePopupWrapper').fadeOut(); $('.PlentyPopupOverlay').fadeOut(); }
        else { startClosingPopup(plentyPopupCheckCloseTime - plentyPopupOpenTime); }
    }
    else { $('.PlentyMessagePopupWrapper').fadeOut(); $('.PlentyPopupOverlay').fadeOut(); }
}
stopClosingPopup = function() {
    clearInterval(closePopupInterval);
}

/*hide original messages*/
document.write('<style type="text/css">');
document.write('.plentyErrorBox, .plentyMessageBox { display: none; }');
document.write('</style>');

14.2. Specifiying CSS code

Go to the CMS » Web design » Layout » Folder: CSS menu and paste the CSS code into the CSSForum template. The CSS code determines forum’s layout. You can make changes to the CSS as desired. Figure 6 shows an example.

EN Settings Client Standard Modules Forum 1
Figure 6. example layout for the forum

Configuring CSS:

  1. Go to CMS » Web design » Layout.

  2. Select the folder CSS.

  3. Open the template CSSForum.

  4. Insert the CSS code.

  5. Save the settings.

Example code for the CSSForum template:

@charset "UTF-8";


/* General */
.PlentyForumClearPane { clear: both; display: block !important; }



/*----- NEW STYLE -----*/


/* GENERAL */

.main.fullwidth { width: 980px; }
.forum > div:first-child > .plentyMessageBox { margin-bottom: 16px; }

.PlentyForumMain { text-align: left; font-family: "Trebuchet MS", sans-serif, Arial, Helvetica; }






/* INPUT */

/* standard */
.PlentyForumMain input[type=text],
.PlentyForumMain input[type=password],
.PlentyForumMain input[type=file] {
padding: 2px 3px;
font-size: 12px;
height: 28px; /*13px*/
margin-top: 2px;
margin-bottom: 0;
color: inherit !important;
width: 192px;
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
}
/* standard hover, focus */
.PlentyForumMain input[type=text]:hover,
.PlentyForumMain input[type=password]:hover,
.PlentyForumMain select:hover,
.PlentyForumMain input[type=file]:hover,
.PlentyForumMain input[type=text]:focus,
.PlentyForumMain input[type=password]:focus,
.PlentyForumMain select:focus,
.PlentyForumMain input[type=file]:focus {
position: relative;
z-index: 10;
}
/* size presets */
.PlentyForumMain input[type=text].XS,
.PlentyForumMain input[type=password].XS {
width: 42px;
}
.PlentyForumMain input[type=text].M,
.PlentyForumMain input[type=password].M {
width: 132px;
}

/* checkbox */
input[type=checkbox] {
height: auto !important;
width: auto !important;
}


/* SELECT */

/* standard */
.PlentyForumMain select {
font-size: 12px;
margin-top: 2px;
margin-bottom: 0;
height: 34px; /*no height set*/
padding: 7px 5px 7px 0; /*no padding set*/
width: 200px;
}
.PlentyForumMain select.XS {
width: 50px;
}
.PlentyForumMain select.M {
width: 140px;
}
/* select multiple */
.PlentyForumMain select$multiple {
height: auto !important;
width: 400px;
}

/* standard hover */
.PlentyForumMain select:hover {
position: relative;
z-index: 10;
}


/* TEXTAREA */

/* standard */
.PlentyForumMain textarea {
padding: 2px 3px;
font-size: 12px;
font-family: Arial,Helvetica,sans-serif;
margin-top: 2px;
resize: none;
color: inherit !important;
/*height: 60px;*/ /*overwrite machart-style*/
line-height: 14px !important;
}
/* standard hover, focus */
.PlentyForumMain textarea:hover,
.PlentyForumMain textarea:focus {
}


/* INPUT / TEXTAREA WRAPPER */

/* wrapper */
.PlentyWebMyAccountWrapper {
margin: 0 4px;
}
/* input / textarea in wrapper */
.PlentyWebMyAccountWrapper > input[type=text],
.PlentyWebMyAccountWrapper > input[type=password],
.PlentyWebMyAccountWrapper > textarea {
margin-left: -4px;
width: 100%;
}


/* INPUT SELECT TEXTAREA - STANDARD / HOVER / FOCUS COLORS */

/* standard */
.PlentyForumMain input[type=text],
.PlentyForumMain input[type=password],
.PlentyForumMain input[type=file],

.PlentyForumMain select,

.PlentyForumMain textarea
{
border: 1px solid #CCCCCC;
}
/* standard hover */
.PlentyForumMain input[type=text]:hover,
.PlentyForumMain input[type=password]:hover,
.PlentyForumMain select:hover,
.PlentyForumMain input[type=file]:hover,

.PlentyForumMain select:hover,

.PlentyForumMain textarea:hover
{
border-color: #666666; /*1474d4*/
}
/* standard focus */
.PlentyForumMain input[type=text]:focus,
.PlentyForumMain input[type=password]:focus,
.PlentyForumMain select:focus,
.PlentyForumMain input[type=file]:focus,

.PlentyForumMain select:focus,

.PlentyForumMain textarea:focus
{
border-color: #666666;
}



/* BUTTON */

/* standard */
.PlentyForumMain input[type=button],
.PlentyForumMain input[type=submit],
.PlentyForumMain button,
.PlentyForumPostTasksContainer a {
height: 34px; /*19px*/
margin-top: 2px;
padding: 0 5px;
font-family: inherit;
cursor: pointer;

border: 1px solid #949494;
background: #434343;
color: #FFFFFF !Important;

/*font-size: 18px;
line-height: 30px;
height: 34px;
padding: 0 5px 0 3px;*/
}

/* standard hover */
.PlentyForumMain input[type=button]:hover,
.PlentyForumMain input[type=submit]:hover,
.PlentyForumMain input[type=button]:focus,
.PlentyForumMain input[type=submit]:focus,
.PlentyForumMain button:hover,
.PlentyForumMain button:focus,
.PlentyForumPostTasksContainer a:hover,
.PlentyForumPostTasksContainer a:focus {
color: #ffffff !Important;
background: #222222;
}

/* A BUTTON */

.PlentyForumPostTasksContainer a {
display: inline-block;
height: 17px !important;
padding: 0 8px;
vertical-align: baseline;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px !important;
line-height: 19px !important;
}

/* INPUT, SELECT & BUTTON IN SUB TITLE CONTAINER (e.g. pagination) */


/* input standard */
.PlentyForumTopicHeader input[type=text],
.PlentyForumPostHeader input[type=text],
PlentyForumSearchResultHeader input[type=text] {
height: 13px !important;
}
/* input button */
.PlentyForumTopicHeader input[type=button],
.PlentyForumPostHeader input[type=button],
.PlentyForumSearchResultHeader input[type=button],
.PlentyForumUserPageHeader input[type=button],
.PlentyForumPostTasksContainer input {
height: 19px !important;
line-height: 14px !important;
}
/* select standard */
.PlentyForumTopicHeader select,
.PlentyForumPostHeader select,
.PlentyForumSearchResultHeader select,
.PlentyForumUserPageHeader select {
height: auto !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
padding-right: 0 !important;
}

/* LINKS */


/* standard */

.PlentyForumMain a:link,
.PlentyForumMain a:visited,
.PlentyForumMain a.link {
color: #282828;
cursor: pointer;
text-decoration: none;
}
.PlentyForumMain a:hover,
.PlentyForumMain a:focus,
.PlentyForumMain a:active,
.PlentyForumMain a.link:hover {
color: #686868;
text-decoration: none;
}

/* tab links */

/* tab standard */
.PlentyForumMain .PlentyForumHeaderNavigation > ul > li > a:link,
.PlentyForumMain .PlentyForumHeaderNavigation > ul > li > a:visited {
color: #686868;
text-decoration: none;
}
.PlentyForumMain .PlentyForumHeaderNavigation > ul > li > a:hover,
.PlentyForumMain .PlentyForumHeaderNavigation > ul > li > a:focus,
.PlentyForumMain .PlentyForumHeaderNavigation > ul > li > a:active {
color: #000000;
text-decoration: none;
}
/* tab current */
.PlentyForumMain .PlentyForumHeaderNavigation > ul > li > a.current:link,
.PlentyForumMain .PlentyForumHeaderNavigation > ul > li > a.current:visited {
color: #282828;
text-decoration: none;
}
.PlentyForumMain .PlentyForumHeaderNavigation > ul > li > a.current:hover,
.PlentyForumMain .PlentyForumHeaderNavigation > ul > li > a.current:focus,
.PlentyForumMain .PlentyForumHeaderNavigation > ul > li > a.current:active {
color: #282828;
text-decoration: none;
}



/* TABS */


/* tab bar */
.PlentyForumHeaderNavigation > ul {
display: block;
height: 29px;

list-style: none !important;
margin: 0 !important;
padding: 0 !important;
height: 30px;
}

/* tab bar list item */
.PlentyForumHeaderNavigation > ul > li {
float: left;
text-indent: 0;
padding: 0;
margin: 0 !important;
list-style-image: none !important;
list-style-type: none !important;
}

/* tab standard */
.PlentyForumHeaderNavigation > ul > li > a {
height: 29px;
top: 0;
padding: 0 10px;
width: auto !important;
min-width: 40px;
vertical-align: middle;
border: 1px solid #eeeeee;
border-bottom: none;
border-left: none;

display: block;
line-height: 30px;
text-align: center;
margin: 0px;
}
/* tab standard first child */
.PlentyForumHeaderNavigation > ul > li:first-child > a {
border-left: 1px solid #eeeeee;
}

/* tab standard hover */
.PlentyForumHeaderNavigation > ul > li > a:hover,
.PlentyForumHeaderNavigation > ul > li > a:focus {
background: #fefefe;
/*z-index: 2;*/
}

/* tab standard active */
.PlentyForumHeaderNavigation > ul > li > a:active {
outline:none;
}

/*tab current*/
.PlentyForumHeaderNavigation > ul > li > a.current {
background: #eeeeee;

height: 31px;
top: 0;
border: 1px solid #eeeeee;
border-bottom: none;
/*border-bottom: 1px solid #eeeeee;*/
z-index: 5;
}

/* tab current hover */
.PlentyForumHeaderNavigation > ul > li > a.current:hover,
.PlentyForumHeaderNavigation > ul > li > a.current:focus {
}



/* MAIN CONTAINER PANE */


.PlentyForumHeaderInformation {
padding: 0;
border: none;
background: transparent;
}


/* HEADER (TAB PANE) */


/*header container (order overview & single order details)*/
.PlentyForumHeaderInformation {
background: #EEEEEE;
/*margin-bottom: 16px;*/
padding: 2px 8px 5px;
}

/* header left container */
.PlentyForumHeaderInformationUser {
float: left;
padding-left: 4px;
padding-bottom: 6px;
}
/* header right container */
.PlentyForumHeaderInformationContent {
float: right;
}
/* header containers */
.PlentyForumHeaderInformationUser,
.PlentyForumHeaderInformationContent {
padding-top: 8px;
}
/* header right container links */
.PlentyForumHeaderInformationContent > ul {
text-indent: 0;
padding: 0;
margin: 0;
list-style-image: none;
list-style-type: none;
}
.PlentyForumHeaderInformationContent > ul > li {
display: inline-block;
margin: 0;
}
/* rounded buttons */
.PlentyForumHeaderInformationContent > ul > li > a,
.PlentyForumAddTopic a,
.PlentyForumRSS a,
.PlentyForumPostReplyLinkContainer a,
.PlentyForumPostAdminPanel > div a,
.PlentyForumUserPageHeader > div a {
display: block;
height: 20px;
padding: 1px 8px;
margin: 0 4px;
background: #ffffff;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
border-radius: 9px;
cursor: pointer;
}
/* rounded buttons colored (pagination menu left) */
.PlentyForumAddTopic a,
.PlentyForumRSS a,
.PlentyForumPostReplyLinkContainer a,
.PlentyForumPostAdminPanel > div a,
.PlentyForumUserPageHeader > div a {
background: #EEEEEE;
}
/* rounded buttons floated (pagination menu left) */
.PlentyForumAddTopic,
.PlentyForumRSS,
.PlentyForumPostReplyLinkContainer,
.PlentyForumUserPageDeleteAllPosts {
float: left;
}
/* rounded button img */
.PlentyForumPostAdminPanel > div a > img,
.PlentyForumUserPageHeader > div a > img {
border: none !important;
vertical-align: middle;
position: relative;
top: -1px;
left: 1px;
}


/* FORUM NAVIGATOR (BREADCRUMBS) */

/*
.PlentyForumNavigator > div {
display: inline-block;
font-size: 11px;
color: #888888;
padding: 3px;
}
*/
/* links */
/*
.PlentyForumNavigator > div a:link,
.PlentyForumNavigator > div a:visited {
color: #888888;
}
*/
/* links hover / focus */
/*
.PlentyForumNavigator > div a:link:hover,
.PlentyForumNavigator > div a:link:focus,
.PlentyForumNavigator > div a:visited:hover,
.PlentyForumNavigator > div a:visited:focus {
color: #444444;
}
*/


/* HEADER GLOBAL */

.PlentyForumCategoryHeader,
.PlentyForumTopicForumName,
.PlentyForumPostNameHeader,
.PlentyForumNavigator,
.PlentyForumNavigator div {
display: block;
border-bottom: 1px solid #000000;
color: #444444;
padding: 8px 0;
font-size: 18px;
font-weight: 400;
margin-bottom: 16px;
margin-top: 4px;
}
.PlentyForumPostNameHeader > div,
.PlentyForumNavigator div {
display: inline-block;
border-bottom: none;
padding: 0;
margin: 0;
}

/* do not show ("you are here", individual headlines) */
.PlentyForumNavigatorInfoText,
.PlentyForumTopicForumName,
.PlentyForumPostNameHeader {
display: none;
}



/* ITEM CONTAINER (MODIFIED) */


.NOCLASS {
margin-top: 16px;
padding: 0;
/*border: 1px solid #cccccc;*/
position: relative;
/*z-index: 2;*/
}

/* item container hover */

/*
PlentyForumCategoryMain:hover {
-moz-box-shadow: 0 0 2px 0 rgba(61, 90, 153, 0.15);
-webkit-box-shadow: 0 0 2px 0 rgba(61, 90, 153, 0.15);
box-shadow: 0 0 2px 0 rgba(61, 90, 153, 0.15);
}
*/

/* item header */

.PlentyForumPostReplyInfoText {
display: block;
/*padding: 10px 10px 7px;*/
font-size: 16px;
line-height: 18px;
font-weight: 400;
color: #444444;
/*background: #e8ecef;*/
background: #F3F3F3;
/*border-bottom: 1px solid #888888;*/
border-bottom: 2px solid #CCCCCC;

padding: 10px 10px 7px;
}

/* item content */

/*.PlentyForumLoginMain,
.PlentyForumSearchMain,
.PlentyForumAddTopicMain,*/
.PlentyForumCategoryContent,
.PlentyForumTopicContentContainer,
.PlentyForumPostReplyMain,
.PlentyForumPostReplyContent,
.PlentyForumSearchResultContainer {
border: 1px solid #eeeeee;
/*padding: 12px 10px;*/
font-size: 13px;
line-height: 20px;
color: #404040;
/*background: #fcfcfc;*/
}
.PlentyForumLoginMain:last-child,
.PlentyForumSearchMain:last-child {
/*margin-top: 10px;*/
margin-bottom: 0;
}


/* TABLE LAYOUT */


/* table */
.PlentyForumTableLayout {
display: table;
}
/* table row */
.PlentyForumTableLayout > div {
display: table-row;
}
/* table cells */
.PlentyForumTableLayout > div > div {
display: table-cell;
}
/* table wrapper */
.PlentyForumTableWrapper > .PlentyForumTableLayout {
width: 100%;
}



/* TABLE LAYOUT WITH HEADER (forum overview) */


/* table */
.PlentyForumTableLayoutForum.PlentyForumTableLayout,
.PlentyForumTableLayoutTopicOverview.PlentyForumTableLayout,
.PlentyForumTableLayoutSearchResult.PlentyForumTableLayout {
}

/* table row */
.PlentyForumTableLayoutForum.PlentyForumTableLayout > div {
}
/* table cells standard */
.PlentyForumTableLayoutForum.PlentyForumTableLayout > div > div,
.PlentyForumTableLayoutTopicOverview.PlentyForumTableLayout > div > div,
.PlentyForumTableLayoutSearchResult.PlentyForumTableLayout > div > div {
padding: 5px 10px 5px 5px;
border-bottom: 1px solid #EEEEEE;
border-right: 1px solid #EEEEEE;
}
/* table cells last */
.PlentyForumTableLayoutForum.PlentyForumTableLayout > div > div:last-child,
.PlentyForumTableLayoutTopicOverview.PlentyForumTableLayout > div > div:last-child,
.PlentyForumTableLayoutSearchResult.PlentyForumTableLayout > div > div:last-child {
padding-right: 0;
border-right: none;
}
/* table first row cells (header) */
.PlentyForumTableLayoutForum.PlentyForumTableLayout > div:first-child > div,
.PlentyForumTableLayoutTopicOverview.PlentyForumTableLayout > div:first-child > div,
.PlentyForumTableLayoutSearchResult.PlentyForumTableLayout > div:first-child > div {
background: #EEEEEE;
border-bottom: 3px solid #cccccc;
border-right: 1px solid #e6e6e6;
font-size: 14px;
font-weight: normal;
color: #444444;
line-height: 24px;
}
/* table first row last cell */
.PlentyForumTableLayoutForum.PlentyForumTableLayout > div:first-child > div:last-child,
.PlentyForumTableLayoutTopicOverview.PlentyForumTableLayout > div:first-child > div:last-child,
.PlentyForumTableLayoutSearchResult.PlentyForumTableLayout > div:first-child > div:last-child {
border-right: none;
}
/* table last row cells */
.PlentyForumTableLayoutForum.PlentyForumTableLayout > div:last-child > div,
.PlentyForumTableLayoutTopicOverview.PlentyForumTableLayout > div:last-child > div,
.PlentyForumTableLayoutSearchResult.PlentyForumTableLayout > div:last-child > div {
border-bottom: none;
}
/* cell width category overview */
.PlentyForumHeader { width: 70%; }
.PlentyForumHeaderTopicCount { width: 5%; }
.PlentyForumHeaderPostCount { width: 5%; }
.PlentyForumHeaderLastPost { width: 20%; }

/* cell width topic overview */
.PlentyForumTopic { width: 75%; }
.PlentyForumTopicLastPost { width: 20%; }
.PlentyForumTopicTasks { width: 5%; padding-right: 5px !important; white-space: nowrap; }

/* search result */
.PlentyForumSearchResult { width: 60%; }
.PlentyForumSearchResultForumName { width: 20%; }
.PlentyForumSearchResultLastPost { width: 20%; }


/* individual style */

/* forum title */
.PlentyForumDescription > div,
.PlentyForumLastPost > div,
.PlentyForumTopicLastPost > div {
font-size: 11px;
}
.PlentyForumDescription > div:first-child,
.PlentyForumLastPost > div:first-child,
.PlentyForumTopicLastPost > div:first-child {
display: block; font-size: 13px;
}

/* row hover */
.PlentyForumContainer:hover,
.PlentyForumTopicContent:hover,
.PlentyForumSearchResultRow:hover {
background: #f8f8f8;
}



/* SUB CONTAINER / PAGINATION (FORUM SEARCH / FORUM LOGIN / ADD TOPIC) */


/* title sub container / pagination container */
.PlentyForumTopicHeader,
.PlentyForumPostHeader,
.PlentyForumPostAdminPanel,
.PlentyForumUserPageHeader,
.PlentyForumSearchResultHeader {
border-bottom: 1px solid #C2C2C2;
border-top: 1px solid #C2C2C2;
margin-bottom: 16px;
padding: 9px 0 8px;
}

/* search / login */
.PlentyForumTableLayoutSearch.PlentyForumTableLayout > div > div:first-child,
.PlentyForumTableLayoutLogin.PlentyForumTableLayout > div > div:first-child {
width: 120px;
padding-right: 10px;
vertical-align: middle;
}

/* cells with input / select / textarea */
.PlentyForumSearchContent,
.PlentyForumLoginEmailInput {
padding: 1px 0;
}

/* submit button */
.PlentyForumLoginMain input[type=submit],
.PlentyForumSearchMain input[type=submit],
.PlentyForumAddTopicMain input[type=submit],
.PlentyForumPostReplyButton input[type=submit],
.PlentyForumPostReplyButton input[type=button] {
padding: 0 20px;
margin-top: 7px;
}

/* container right (pagination) */
.PlentyForumPageCounterMain {
float: right;
}
.PlentyForumPageCounterMain div {
display: inline-block;
vertical-align: bottom;
}
.PlentyForumPageCounterRowElement select {
width: auto;
}
/* lost password */
.PlentyForumLoginLostPWD {
margin-top: 8px;
}


/* MAIN CONTAINER */

.PlentyForumTopicMain,
.PlentyForumSearchResultContainer,
.PlentyForumPostContent {
margin-bottom: 16px;
}


/* TASKS */

.PlentyForumTopicTasks > div {
display: inline-block;
}
.PlentyForumTopicTasks > div a,
.PlentyForumTopicTasks > div a:hover,
.PlentyForumTopicTasks > div a:focus,
.PlentyForumTopicTasks > div input[type=image],
.PlentyForumTopicTasks > div input[type=image]:hover,
.PlentyForumTopicTasks > div input[type=image]:focus {
border: none;
}


/* CREATE TOPIC */

/* input container */
.PlentyForumAddTopicInputContainer {
float: left;
}
/* input / textarea */
.PlentyForumAddTopicMain input[type=text],
.PlentyForumAddTopicMain textarea,
.PlentyForumPostReplyMain textarea {
width: 542px !important;
}
.PlentyForumAddTopicMain textarea,
.PlentyForumPostReplyMain textarea {
height: 171px;
min-height: 100px;
resize: vertical;
}
/* label */
.PlentyForumAddTopicSubjectHeader,
.PlentyForumAddTopicMessageHeader {
margin-top: 5px;
}
/* smily container */
.PlentyForumAddTopicMain > .PlentyForumPostReplyBBCodeSmiley {
margin-top: 10px;
}

/* BLOCK LINKS */
.PlentyForumDescriptionName > a,
.PlentyForumTopic > a,
.PlentyForumPostReplyLinkContainer > a {
display: block;
}


/* TABLE FORUM ITEM POSTS */

/* main container */
.PlentyForumPostMain {
margin-bottom: 16px;
}

/* cell standard */
.PlentyForumTableLayoutPost > div > div {
border-color: #eeeeee;
border-width: 1px;
border-style: none solid solid none;
}
/* cell first-cell */
.PlentyForumTableLayoutPost > div > div:first-child {
border-left-style: solid;
border-bottom-color: #ffffff;
}
/* cell first-row */
.PlentyForumTableLayoutPost > div:first-child > div {
border-top-style: solid;
border-top-color: #eeeeee;
}

/* left cell */
.PlentyForumTableLayoutPost > div > div:first-child {
width: 250px;
background: #eeeeee;
padding-bottom: 42px;
}
/* right cell */
.PlentyForumTableLayoutPost > div > div:last-child {
vertical-align: top;
}

/* hover */

/* row */
.PlentyForumTableLayoutPost > div:hover,
.PlentyForumTableLayoutPost > div.hover {
}
/* left */
.PlentyForumTableLayoutPost > div:hover > div:first-child,
.PlentyForumTableLayoutPost > div.hover > div:first-child {
background: #e4e4e4;
}
/* right */
.PlentyForumTableLayoutPost > div:hover > div:last-child,
.PlentyForumTableLayoutPost > div.hover > div:last-child {
border-color: #cccccc;
}
/* right top */
.PlentyForumTableLayoutPost > div:hover > div:last-child > div:first-child,
.PlentyForumTableLayoutPost > div.hover > div:last-child > div:first-child {
background: #f4f4f4;
border-color: #bbbbbb;
}
/* right middle */
.PlentyForumTableLayoutPost > div:hover > div:last-child > div.PlentyForumPostPath,
.PlentyForumTableLayoutPost > div.hover > div:last-child > div.PlentyForumPostPath {
border-color: #dddddd;
}

/* member name / number posts */
.PlentyForumPostCustomerUsername,
.PlentyForumPostCount {
padding: 5px 10px 0;
}

.PlentyForumPostCustomerUsername {
font-weight: bold;
}

/* invisible table containers */
.PlentyForumTableLayoutPost > div > div.PlentyForumTableFixInvisible {
padding: 0;
border: none;
overflow: visible;
}
/* relative wrapper */
.PlentyForumTableLayoutPost > div > div.PlentyForumTableFixInvisible > .PlentyForumPostTasksContainer {
position: relative;
}
/* absolute content */
.PlentyForumTableLayoutPost > div > div.PlentyForumTableFixInvisible > .PlentyForumPostTasksContainer > .PlentyForumPostTasks {
position: absolute;
top: -42px;
}

/* buttons container */
.PlentyForumPostTasks {
/*position: absolute;
left: 0;
bottom: 0;*/
padding: 10px;
}
/* buttons */
.PlentyForumPostTasks > div {
display: inline-block;
}

/* date */
.PlentyForumPostDate {
border-bottom: 1px solid #cccccc;
padding: 5px 20px;
font-weight: bold;
background: #fcfcfc;
}
/* path */
.PlentyForumPostPath {
border-bottom: 1px solid #eeeeee;
color: #444444;
padding: 4px 20px;
}
/* message */
.PlentyForumPostMessage {
padding: 15px 20px;
}


/* CREATE POST */

/* main container */
.PlentyForumPostReplyMain {
margin-bottom: 16px;
}
.PlentyForumPostReplyMain > form > div {
/*padding: 0 10px;*/
}
/* left */
.PlentyForumPostReplyMessage {
float: left;
}
/* right */
.PlentyForumPostReplyBBCodeSmiley {
float: left;
margin-left: 20px;
}

/* create post */
.PlentyForumPostReplyContent {
padding: 10px;
}
/* textarea */
.PlentyForumMain .PlentyForumPostReplyTextInput {
margin-top: 0;
}

/* smilys containers */
.PlentyForumPostReplyBBCodeSmiley {
}
.PlentyForumSmileySelectionMain,
.PlentyForumBBCodeSelectionMain {
width: 110px;
float: left;
margin-right: 20px;
}
.PlentyForumSmileySelectionMain > a,
.PlentyForumBBCodeSelectionMain > a {
display: block;
background: #eeeeee;
border-bottom: 2px solid #cccccc;
padding: 1px 10px;
cursor: pointer;
}
.PlentyForumSmileySelectionMain > div,
.PlentyForumBBCodeSelectionMain > div {
border: 1px solid #cccccc;
padding: 5px 10px;
}
/* smilys */
.PlentyForumSmiley > a {
display: inline-block;
padding: 2px;
}
/* code */
.PlentyForumBBCode > a { display: block; font-size: 12px; line-height: 18px; }
.PlentyForumBBCode > a:nth-child(1) { font-weight: bold; }
.PlentyForumBBCode > a:nth-child(2) { font-style: italic; }
.PlentyForumBBCode > a:nth-child(3) { text-decoration: underline; }
.PlentyForumBBCode > a:nth-child(4) { font-weight: bold; letter-spacing: .15em; }
.PlentyForumBBCode > a:nth-child(5):before { content: "<"; }
.PlentyForumBBCode > a:nth-child(5):after { content: ">"; }
.PlentyForumBBCode > a:nth-child(6) { color: #ff0000; }
.PlentyForumBBCode > a:nth-child(7):before { content: ',,'; }
.PlentyForumBBCode > a:nth-child(7):after { content: '"'; }

/* send button container */
.PlentyForumPostReplyButton {
clear: both;
}

/* quote */
.PlentyForumPostQuote {
color: #999999;
font-style: italic;
}

/* EDIT POST */

/* textarea */
.PlentyForumPostReplyTextInput {
width: 548px;
height: 296px;
min-height: 100px;
resize: vertical !important;
}
/* smilys */
.PlentyForumPostMessageTextAreaHiddenContainer .PlentyForumPostReplyBBCodeSmiley {
width: 110px;
}
/* bbcode */
.PlentyForumPostMessageTextAreaHiddenContainer .PlentyForumPostReplyBBCodeSmiley .PlentyForumBBCodeSelectionMain {
margin-top: 15px;
}

/* note edited by */
.PlentyForumPostEditedContainer {
border-top: 1px solid #CCCCCC;
margin-top: 15px;
padding: 5px 0 0;
color: #999999;
}
.PlentyForumPostEditedContainer > div {
display: inline-block;
}


/* ADMIN PANEL */

.PlentyForumPostAdminPanel > div {
display: inline-block;
margin-right: -4px;
}


/* SEARCH / LOGIN / CREATE TOPIC CONTAINERS */

.PlentyForumLoginMain,
.PlentyForumSearchMain,
.PlentyForumAddTopicMain {
border: 1px solid #eeeeee;
padding: 10px;
}


/* OVERLAY */

/* overlay */
.PlentyForumOverlay,
.PlentyPopupOverlay {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #000000;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
filter: alpha(opacity=50);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
opacity: 0.5;
z-index: 40000;
}


/* POPUP */

/* popup container */

.PlentyForumPopupWrapper,
.PlentyMessagePopupWrapper {
display: none;
position: absolute;
top: 25px;
z-index: 40001;
width: 328px; /* margin left is 1/2 of width */
margin-left: -179px;
left: 50%;

background: #ffffff;
border: 4px solid #EEEEEE;
padding: 0 10px;

-moz-box-shadow: 1px 2px 6px 1px rgba(38, 43, 55, 0.3);
-webkit-box-shadow: 1px 2px 6px 1px rgba(38, 43, 55, 0.3);
box-shadow: 1px 2px 6px 1px rgba(38, 43, 55, 0.3);
}

/* popup container hover */

.PlentyForumPopupWrapper:hover,
.PlentyMessagePopupWrapper:hover {
-moz-box-shadow: 1px 3px 10px 1px rgba(38, 43, 55, 0.45);
-webkit-box-shadow: 1px 3px 10px 1px rgba(38, 43, 55, 0.45);
box-shadow: 1px 3px 10px 1px rgba(38, 43, 55, 0.45);
}

/* popup container inner */

.PlentyForumPopupContainer,
.PlentyMessagePopupContainer {
}

/* popup header */

.PlentyForumPopupHeader,
.PlentyMessagePopupHeader {
color: #444444;
font-size: 18px;
font-weight: 400;
line-height: 26px;
border-bottom: 1px solid #000000;
padding: 7px 1px 3px;
}
/* header title left */
.PlentyForumPopupTitle,
.PlentyMessagePopupTitle {
float: left;
display: inline-block;
font-size: 14px;
}
/* header icon right */
.PlentyForumPopupClose,
.PlentyMessagePopupClose {
float: right;
display: inline-block;
margin-right: 2px;
}
/* close icon */
.PlentyForumPopupClose > a,
.PlentyMessagePopupClose > a {
display: inline-block;
height: 19px; /*16px*/
width: 19px; /*16px*/
margin-right: -3px;
position: relative;
top: 1px;
background: url(/images/icons/silk/close_tab.png ) left center no-repeat #cccccc;
cursor: pointer;
}
/* close icon hover / focus */
.PlentyForumPopupClose > a:hover,
.PlentyForumPopupClose > a:focus,
.PlentyMessagePopupClose > a:hover,
.PlentyMessagePopupClose > a:focus {
background-position: right center;
}

/* popup content */

.PlentyForumPopupContent,
.PlentyMessagePopupContent {
padding: 10px 0;
font-size: 12px;
line-height: 12px;
}

/* popup buttons */

/* left */
.PlentyForumPopupButtonLeft {
width: 50%;
float: left;
margin-top: 10px !important;
}
.PlentyForumPopupButtonLeft > input {
float: right;
margin-right: 4px;
}
/* right */
.PlentyForumPopupButtonRight {
width: 50%;
float: right;
margin-top: 10px !important;
}
.PlentyForumPopupButtonRight > input {
float: left;
margin-left: 4px;
}
.PlentyForumPopupButtonLeft > input,
.PlentyForumPopupButtonRight > input {
width: 75px;
}
.PlentyClear {
clear: both;
}

/* fix status message */
.PlentyMessagePopupWrapper .plentyErrorBox,
.PlentyMessagePopupWrapper .plentyMessageBox { display: block; }
/* popup advice message box */
.PlentyMessagePopupWrapper .plentyMessageBox,
.PlentyMessagePopupWrapper .plentyErrorBox {
margin-bottom: 0;
line-height: 15px;
width: auto;
}

/* LATEST ACTIVE TOPICS */

.PlentyForumTopicActive .PlentyForumTopic {
font-weight: bold;
}
.PlentyForumTopicActive a {
color: #000000;
}



/* ERROR / STATUS MESSAGES */

/* error / success box */
.plentyMessageBox,
.plentyErrorBox {
width: auto;
background: transparent;
border: 1px solid;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 8px 10px;
-moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4) inset;
-webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4) inset;
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4) inset;
color: #444444;
text-shadow: 0px 1px 1px #ffffff;
filter: dropshadow(color=#ffffff, offx=0, offy=1);
}
/* success box */
.plentyMessageBox {
border-color: #49DD39;
/*box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4) inset, 0 -58px 40px -40px #49DD39 inset;*/
background: -moz-linear-gradient(top, rgba(255,255,255,0.29) 0%, rgba(220,249,217,0.29) 19%, rgba(73,221,57,0.8) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.29)), color-stop(19%,rgba(220,249,217,0.29)), color-stop(100%,rgba(73,221,57,0.8))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,0.29) 0%,rgba(220,249,217,0.29) 19%,rgba(73,221,57,0.8) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,0.29) 0%,rgba(220,249,217,0.29) 19%,rgba(73,221,57,0.8) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,0.29) 0%,rgba(220,249,217,0.29) 19%,rgba(73,221,57,0.8) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,0.29) 0%,rgba(220,249,217,0.29) 19%,rgba(73,221,57,0.8) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4affffff', endColorstr='#cc49dd39',GradientType=0 ); /* IE6-9 */
}
/* error box */
.plentyErrorBox {
border-color: #ff1a1a;
color: #000000;
/*box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4) inset, 0 -58px 40px -40px #ff1a1a inset;*/
background: -moz-linear-gradient(top, rgba(255,255,255,0.29) 0%, rgba(255,211,211,0.29) 19%, rgba(255,26,26,0.8) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.29)), color-stop(19%,rgba(255,211,211,0.29)), color-stop(100%,rgba(255,26,26,0.8))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,0.29) 0%,rgba(255,211,211,0.29) 19%,rgba(255,26,26,0.8) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,0.29) 0%,rgba(255,211,211,0.29) 19%,rgba(255,26,26,0.8) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,0.29) 0%,rgba(255,211,211,0.29) 19%,rgba(255,26,26,0.8) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,0.29) 0%,rgba(255,211,211,0.29) 19%,rgba(255,26,26,0.8) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4affffff', endColorstr='#ccff1a1a',GradientType=0 ); /* IE6-9 */
}

/* error / success title */
.plentyMessageBoxTitle,
.plentyErrorBoxTitle {
/*min-height: 32px;*/ /*show background img*/
margin: -4px -2px 4px;
padding: 0 0 0 36px;
line-height: 32px;
color: #444444;
text-shadow: 0px 2px 2px #ffffff;
filter: dropshadow(color=#ffffff, offx=0, offy=1);
}
/* success title */
.plentyMessageBoxTitle {
background: url("/layout/cyt-layout/images/success.png") no-repeat;
}
/* error title */
.plentyErrorBoxTitle {
background: url("/layout/cyt-layout/images/error.png") no-repeat;
}

/* box after box */
.plentyMessageBox + .plentyErrorBox,
.plentyErrorBox + .plentyMessageBox,
.plentyMessageBox + .plentyMessageBox,
.plentyErrorBox + .plentyErrorBox {
margin-top: 10px;
}

14.3. Allowing users to edit their forum name

Carry out the following settings to allow your customer to change their user name for the forum.

Configuring personal data:

  1. Go to CMS » Web design.

  2. Select the My account folder.

  3. Open the Personal data submenu.

  4. Select Changeable for the option forum user name.

  5. Take a look at the words entered in the text field and make changes to them if you want something else to be displayed for this option in the My account area.
    &rarr; The option for entering a separate forum user name will be displayed in the My account area.

  6. Save the settings.

Customers can then enter a custom user name for the forum in Personal data of the My account area of your online store.

Forum login

Your customers will need to have access data to the store in order to log into the forum. In other words, they will need to have an email address and password. When a customer logs into the online store, they will automatically be logged into the forum as well.

15. Subscribing to topics and forums

Your customers can subscribe to specific topics or entire forums. They will then receive an email when new entries are posted. The subscription buttons are shown by default. Proceed as described below to send an email template for topics and forums to subscribers.

15.1. Creating an email template for topics and forums that customers subscribed to

You have to create an email template to inform your customers about the topics that they subscribed to. This email template is then selected as an automatic email in a later step.

Setting up an email template for forum entries that customers subscribed to:

  1. Go to System » Client » Select client » Email » Templates.

  2. Click on the New email template tab.

  3. Enter a name, e.g. New forum entry.

  4. Carry out the settings as described on the Templates page of the manual.

  5. Click on the Email message tab.

  6. Enter the desired text.

  7. Insert the template variable $ForumSubscription into the message. This variable displays the message from the topic to which the email recipient subscribed to.

  8. Save the settings.

15.2. Setting up a function to automatically send forum emails

Proceed as described below to send the email template automatically. The notifications are grouped together and sent to the subscriber in an email every 15 minutes. As such, the email is not sent immediately after a new entry is published.

Setting up automatic emails

  1. Go to System » Client » Select client » Email » Automatic email.

  2. Choose the email template for the setting Forum notification.

  3. Save the settings.

To top