Jessica - Home Page - Large Image

⌘K
  1. Home
  2. Docs
  3. Jessica: WordPress eComme...
  4. Home Page
  5. Jessica – Home Page – Large Image

Jessica – Home Page – Large Image

Our home page has a large image displayed. While we are not rotating images here, this is possible. We just choose to have one single image, but you can add more if you choose

Note: This uses a premium plugin called  Soliloquy. A license for this is already included in your theme at purchase. You do not need to purchase a license unless you want direct support from the plugin developer. Thomas, the developer, is really good with support so we encourage buyers who have advanced needs to consider purchasing a their own license so they can receive direct support. If you do not have advanced needs which would require support, you are good to go with our included license.

Create any number of images and size them to 1116px x 372px.

Update: Soliloquy now includes an “import/export slider” option under Misc.  If you wish to use it, here are the slider settings from the slider on the demo site. Download the JSON settings file  here

Note: The settings import will set the slide image and link on the demo site. It will likely be a broken link on your site since you don’t have those. You will need to delete that slide and add your own in its place.

Manual Setup (if you don’t use the above JSON file):

  1. Go to Soliloquy  –> Add New
  2. Give your slide set a name of Home Page.
  3. Under Config
    1. Slider Theme = Classic
    2. Slider Dimensions
      • Base
      • Slide width = 1108
      • Slide height = 378
    3. Slider Transition = Fade
    4. Slider Transition Duration = 7000 (if you want to match demo)
    5. Slider Transition Speed =  600 (if you want to match demo)
    6. Slider Position = Center
    7. Slider Gutter = 0
    8. Autostart Slider = Checked
    9. Show Slider Control Nav = Checked
    10. Loop Slider = Checked
    11. Enable Keyboard Navigation = Checked
    12. Use CSS Transitions = Checked
    13. Use Adaptive Height = Checked
    14. Crop Images in Slider = Checked
    15. Slider Delay = 0
    16. Start on Slide = 0
  4. Under Misc
    1. Slider Title = Home Page
    2. Slider Slug = home-page
  5. Under Images 
    1. Click Select Images
    2. Import files from your computer as you would normally do in WordPress
    3. Our sliders are using text and this is set per slide.
    4. An example of the text is:
      <h2>Shop by Category</h2>
Was this article helpful to you? No 1 Yes

How can we help?