false
zh-CN,zh-TW,en,id,ja,es
Catalog
Setup and Configuration (Chef Layout)
2 - Customizing Chef Layout
2 - Customizing Chef Layout
Back to course
[Please upgrade your browser to play this video content]
Video Transcription
There's a few things you can modify about this main rotating section. There's a few things that goes into this section. First is the background image, which is 1200 by 350, so it's a much fatter image. Other image typically we have is 1200 by 150, but this one is bigger. The cover image they used to have also is displayed here. Let's say you want to change things a little bit. What we're going to do is I'm going to log in to the admin page. I'm going to go to catalog setting. Now I'm going to go to feature courses to modify how each image looks. I'm going to click on manager setting. For the first one, notice that by default we throw up some default background images, which is probably not what you want. What you can do is you can click on manage setting for each featured courses, and you can upload your own background, which like I said earlier is 1200 by 350. You can also select from our existing banner if you don't care about a fairly generic image. For example, let's say grab this one and click on apply. That is what it's going to look like. Definitely feel free to use our banner that comes with our system. Now that I applied a banner, if I switch over to over here and I just refresh the screen, you will see that our image, the custom banner, which is a banner from Oasis is applied instead of a default one that is meant to be very bland and make your own selection. That is how you can change the background image of your rotating banner. On the right hand side, you can see that you also have the banner here. To change that, you can say I don't want the cover image, so you can hide it and you can click on save. Then if I refresh the screen, you will see that the banner is gone. Sometimes the entire background is sufficient enough that you don't need the cover image to be applied. Or you can say that not only do I want to display it, I want to display the full image. I'm going to click on save. This one, when I do the full image, it's going to be a little bit too big, but you get the point. I'm going to hit refresh again. My cover image is quite large, so it's going to use up a lot bigger than what I anticipated. The idea here is you can hide the cover image in the rotation banner. You can use the original size or you can stretch it. Right now, I'm just going to go back to hide so that the image itself is not displayed anymore. Notice you can change this at the banner by banner level so you can decide whether you want this cover image or not. Then you can decide what the background image should be.
Video Summary
In this video tutorial, the speaker explains the steps to modify the main rotating section of a website. The video focuses on changing the background image and cover image of the rotating banner. The background image is typically 1200 by 150 pixels, but in this case, it is 1200 by 350 pixels. The speaker demonstrates how to log in to the admin page, go to catalog settings, and then navigate to feature courses to modify the appearance of each image. They mention that default background images can be changed by uploading custom ones or selecting from existing banners. The speaker also shows how to hide or display the cover image and adjust its size.
Asset Caption
A few settings that are available only under Chef layout
Meta Tag
Creation Year
2021
Keywords
video tutorial
modifying rotating section
background image
cover image
admin page
205 West Randolph St, Suite 1200, Chicago, IL 60606
Follow us on
2024 Copyright All rights reserved.
×