Noob with SiteJet, please help

I am facing so many issues while trying to build a website using sitejet. Please note I am a newbie to the whole world of website building, even so my frustration is sky high as I just spent 12 hours straight and did not even finish 5 pages

Few issues I have currently:

  1. I have added a banner photo which shows on preview and in the builder, but does not show on the published website

  2. Collections not working. I added all the data fields, photos, descriptions, connected collection but then when I add collection element to the website, no products are shown
    When I use “wireframe” collection option, it works, it shows prodcuts. But I want to use the “collection listing” and that does not work

  3. On one of the pages I do not have the main menu side bar

website is machinetools012.com

Hi @Nikola29091991,

could you please reach via our contact form with your website ID (number at the end of your URL, when you are inside the Website Builder) and some screenshots?

Hi Martin,

Thank you for the reply
I managed to solve it with some help of my best mate recently, chatGPT. However now I encountered a different problem

I added the gallery tab for my product, but I do not know how to connect the gallery from web design page with the gallery in the collections tab. Since I have multiple machine, and I add multiple photos of each machine so obviously I wish the gallery to pull those photos on its own. Otherwise if I add photos straight from the web design page, photos just repeat on every product.

I hope you can follow what I mean

P.S. I also have this issue where every time I add new elements, the top of the page just has a large empty white space





1 Like

Hi @Nikola,

Thanks for the detailed message—it helps a lot!

It sounds like you want each product to have its own gallery of images, managed from the CMS Collections tab, and automatically displayed on the product page. Here’s how you can set that up in Sitejet:


Dynamic Gallery Setup for Each Product:

  1. Set up a “Gallery” field in your CMS collection:
  • Go to CMS > Collections and open your product collection.
  • Add a new field type called Gallery or Image List (depending on Sitejet’s options—it may show as “Multi-Image” or “Image Collection”).
  • Upload or link multiple images for each machine inside this field.
  1. Bind the gallery on the Web Design page:
  • In the Web Design view, select the gallery component you added.
  • Go to the right-hand settings panel and bind the gallery source to the dynamic gallery field you created in your collection (e.g. {{machine_gallery}}).
  • Make sure you’re not adding images directly on the page—they should come from the CMS field.
  1. Use a Collection Page Template (not a static page):
  • Make sure your product detail page is set as a Collection Page Template, not a normal static page. That way, Sitejet will render the correct gallery per product.

:broom: Extra Tip: White space at the top of the page

That issue often happens when:

  • You add elements outside the container or section grid.
  • Margins/paddings are left too large or set on a parent div.

Try:

  • Inspecting the section with the white space.
  • Checking the top margin/padding of the first section on the page (and parent containers).

If you need, feel free to share a screenshot of the designer view—we can pinpoint it quickly.


Let me know how it goes!