Our brands

Homepage Configuration

Ves Fresh have 3 different homepages built by Ves Page Builder module.

I. Fresh Home Page Default:

link demo

II. Fresh Home Page 2:

link demo

III. Fresh Home Page 3:

link demo

To configure the default home page for your store, go to Store > Configuration > General > Web > Default Pages tab, select the desired page in the CMS Home Page field and save configuration.

To configure the home page for other store, please select your Store View and select the desired page in the CMS Home Page field

Go to back-end > Ves Pagebuilder > Manager page profile > Edit profile name “Fresh_layout1_home”

In the back-end, we used the widget, namely “Ves Image Slider” on page builder profile. To change image slider, please Go to back-end > Ves Pagebuilder > Manager page profile > Choose to edit desired homepage > Edit “Ves Image Slider” widget.

  1. Fresh_layout1_home_imageslider_1
  2. Fresh_layout1_home_imageslider_2
  3. Fresh_layout1_home_imageslider_3

Note: Ves Fresh Image Slider are using CMS static block. Hence, if you want to change image slider, please go to Admin Panel > Content > Blocks > Choose Desired CMS Static Block you want to edit.

+ In the back-end, we used the widget, namely “Single Image” on page builder profile

+ You can edit widget and change image in this popup by choosing “Edit” Button

in Shortcode you can see:

{{widget type="Ves\BaseWidget\Block\Widget\Image" file="wysiwyg/ves_fresh/store1/home-banner/2.jpg" image_size="770x370" alignment="right" popup_type="colorbox" link="#"}}

Config image banner with row-success (the banner will overwrite the content above)

config:

select Row style: Success

Config image banner with description

config in admin:

– add class no-effect if you don’t want to show the effect when hover the image.

– Enable Image Description: Yes and add description into textarea Image Description

Config in admin:

Add the class: widget-images to has style hover as image banner widget

Carousel Setting:

Call block image:

Note: Ves Fresh Content Carousel are using CMS static block. Hence, to change image, please go to Admin Panel > Content > Blocks > Choose Desired CMS Static Block you want to edit.

+ How To Config In The Backend

>> In the back-end, we used the widget, namely “Product list: Tabs by categories”. To config product carousel, please open the widget “Product list: Tabs by categories” and edit it

>> Select your categories and config load ajax for them. config After tab title is clicked for the categories without first item (position smallest)

>> you can re-select source for widget.

>> In this widget,  we use default template in the following path file: app\design\frontend\Venustheme\fresh\Ves_Productlist\templates\widget\owlcarousel\items.phtml

+ Config Item Settings to Show/Hidden the elements:

+  Config Carousel Settings: select Type and count Number Item in the widget.

+  You can config the number of row, and product items on each device responsively:

+ Config to show/hidden navigation:

How To Config in the back-end :

>> Select Column Style: Success

In this widget, you can config it like “3.Product carousel” element but it has different options here:

–  Select your categories and change source: deals, most popular….

 

– Change config for Item Settings:

 

– Change config number product item on each device responsively:

>> Select Column Style: highlighted

In page builder, you can choose widget: “Ves Blog: Latest Posts” and click “edit”

Config:

Set the number post items on each device responsively and config show/hidden navigation:

Post Settings: config to show/hidden elements in this widget.

In page builder, you can choose widget: “Our Service” and click “edit” button

you can change the title, image/icon Awesome, content for this widget.

In page builder, you can choose “setting” button to make space for each row

In the “Row Setting” >> Open “Layout” Tab >> Add css margin or padding like below image

Share this Post!

0 Comment

Do NOT follow this link or you will be banned from the site!