Initial Setup (One-time)

Note: Each journal publication is required to have an Impact Factor (IF) in order to display a Citescore.
Display of a Citescore depends on the presence of an IF with a real or placeholder value. An IF value ensures proper formatting and placement of both IFs and Citescores.

Click here on how to add or change an Impact Factor.
Click here on how to add a new journal.

1. Modify PB/ASSETS File: /publication/publication-banner.pug

  1. Log in at www.liebertpub.com
  2. Expand Admin Menu by clicking "A" tab midway down the right hand side of the viewport
  3. With the menu expanded, choose Page Builder > Assets
  4. Inside the Assets Folders view, double click the folder named publication to show its contents
  5. Download the publication-banner.pug file
  6. Open publication-banner.pug in a text editor
  7. Modify the if data.journal.impact statement as indicated (text may vary from year to year) in the code box below:
if data.journal.impact
            h5.impact Impact Factor: <span class="highlight">*
              | !{data.journal.impact}</span><span class="text-minute"> *2019 Journal Citation Reports (Clarivate, 2020)</span><span class="citescore"></span><span class="score"></span><hr>

h. Save changes, and upload overwriting existing publication-banner.pug file


2. Modify Publication Pages Scope: publication-banner.graphql

  1. Choose a publication
  2. Expand Admin Menu by clicking "A" tab midway down the right hand side of the viewport
  3. With the menu expanded, choose Page Builder >Edit Page
  4. In the "Select a Scope to Edit" modal window, click the + Pick Scope Manually link
  5. Set the scope as represented in the image below

www.liebertpub.com (Website) > Publication Pages (Group of pages) > All Publications (No specific Publication targeted) > All Topics (No specific Topic targeted)

f. Next, select the Layout Widget as shown in the image below

Select the OUTER of the two Layout Widgets wrapping the publication title and description.

h. Click the Edit button on the outer Layout Widget bar

i. After Layout Widget modal opens, choose to edit the parent scope as shown in the image below

Note: Page Builder may prompt you to edit at the www.liebertpub.com ancestor scope. If so, edit at this ancestor scope

j. Make sure the Wrapper tab resembles the following image and SAVE

Select a Wrapper HTML Element of "DIV" and  a Wrapper CSS Class containing the dynamic pub code snippet:  j-{{serialContent.code}}

 j-{{serialContent.code}}

3.  Modify PB/ASSETS File:  /styles/publication-banner.pug

  1. Expand Admin Menu by clicking "A" tab midway down the right hand side of the viewport
  2. With the menu expanded, choose Page Builder > Assets
  3.  Inside the Assets Folders view, double click the folder named styles to show its contents
  4. Download the mal-styles.css file
  5. Open mal-styles.css in a text editor
  6. Add the following CSS to adjust the placement of the Impact Factor copyright information
    .impact .text-minute { display: block; margin-top: .05rem; margin-bottom: .35rem;}

h. Save changes, and upload overwriting existing mal-styles.css  file

4.  Creating PB/ASSETS File:  /styles/citescore.css

  1. With a text editor, create a new file with the name "citescore.css"
    Directions for updating this file will follow
  2. Expand Admin Menu by clicking "A" tab midway down the right hand side of the viewport
  3. With the menu expanded, choose Page Builder > Assets
  4. Inside the Assets Folders view, double click the folder named styles to show its contents
  5. Click the Upload button in the Assets Folder view and locate citescore.css
  6. Upload to citescore.css to the styles folder


5.  Attaching 'citescore.css' to the publication pages

a. Navigate to a publication page, http://www.liebertpub.com/loi/scd for instance
b. Expand Admin Menu by clicking "A" tab midway down the right hand side of the viewport
c. With the menu expanded, choose Page Builder > Edit Page
d. Click the Pick Scope Manually link

e. Set the scope as represented in the image below

www.liebertpub.com (Website) > Publication Pages (Group of pages) > All Publications (No specific Publication targeted) > All Topics (No specific Topic targeted)

g. Insert an HTML Widget near the top of the page. Locate the widget by using the Search feature in the Widget panel. Select HTML Widget and drag and drop onto the page.

h. Click the Edit button on the outer HTML Widget bar

i. After HTML Widget modal opens, choose to edit the parent scope as shown in the image below

Note: Page Builder may prompt you to edit at the www.liebertpub.com ancestor scope. If so, edit at this ancestor scope

j. Add a link to the citescore.css in the Assets folder as shown below. Click SAVE.

Note: In the screenshot above, there are links to multiple CSS files already in place. As as alternative, an HTML Asset widget may also be used to link to a single asset.

h. Click SAVE in the HTML widgets panel.