Standard - Two Columns

To create 1 portfolio with layout "Standard - Two column", please follow those steps:

Stage 1:

Create some tags, which appear in Filter:

- Step 1: Please go to http://punity.uimarketplace.net/administrator/index.php?option=com_spsimpleportfolio&view=tags

- Step 2: Click on button "New"

- Step 3: Enter the content for tags:

Stage 2: Create Category.

- Step 1: Please go to http://punity.uimarketplace.net/administrator/index.php?option=com_categories&view=categories&extension=com_spsimpleportfolio

- Step 2: Click on button "New"

- Step 3: Enter the content for Category:

Stage 3: Create Portfolio:

- Step 1: Please go to http://punity.uimarketplace.net/administrator/index.php?option=com_spsimpleportfolio&view=items

- Step 2: Click on button "New"

- Step 3: Enter the content for Portfolio:

Stage 4: Create Module Portfolio:

- Step 1: Please go to http://punity.uimarketplace.net/administrator/index.php?option=com_modules

- Step 2: Click on button "New"

- Step 3: Choosing module in module list:

- Step 4: Enter the content for Category:

- Step 5: Save it

Stage 4: Add module Portfolio into page Portfolio:

- Step 1: Please go to http://punity.uimarketplace.net/administrator/index.php?option=com_sppagebuilder&view=page&layout=edit

- Step 2: Click on button "New"

- Step 3: Enter the content for Category:

Stage 5: In Shopify:

- Step 1: Please go to https://yourstorename.myshopify.com/admin/admin/blogs/new

- Step 2: -Choosing Style:

To see the Standard - Two Columns' result on frontend Please check its Demo here !

Standard - Three Columns

To create the content for Standard - Three Columns, we can follow those steps as the way we create "Standard - Two Columns". However, there are some differences in:

Stage: - Create Category:

- Step 3: Enter the content for category:

Stage: - Create module Portfolio:

- Step 4: Enter the data for module Portfolio:

Stage: - Add module Portfolio into page Portfolio:

- Step 3: Enter the data for tab "Shopify":

To see the Standard - Three Columns' result on frontend Please check its Demo here !

Standard - Four Columns

To create the content for Standard - Four Columns, we can follow those steps as the way we create "Standard - Two Columns". However, there are some differences in:

Stage: - Create Category:

- Step 3: Enter the content for category:

Stage: - Create module Portfolio:

- Step 4: Enter the data for module Portfolio:

Stage: - Add module Portfolio into page Portfolio:

- Step 3: Enter the data for tab "Shopify":

To see the Standard - Four Columns' result on frontend Please check its Demo here !

Standard - Five Columns

To create the content for Standard - Five Columns, we can follow those steps as the way we create "Standard - Two Columns". However, there are some differences in:

Stage: - Create Category:

- Step 3: Enter the content for category:

Stage: - Create module Portfolio:

- Step 4: Enter the data for module Portfolio:

Stage: - Add module Portfolio into page Portfolio:

- Step 3: Enter the data for tab "Shopify":

To see the Standard - Five Columns' result on frontend Please check its Demo here !

Standard - Six Columns

To create the content for Standard - Six Columns, we can follow those steps as the way we create "Standard - Two Columns". However, there are some differences in:

Stage: - Create Category:

- Step 3: Enter the content for category:

Stage: - Create module Portfolio:

- Step 4: Enter the data for module Portfolio:

Stage: - Add module Portfolio into page Portfolio:

- Step 3: Enter the data for tab "Shopify":

To see the Standard - Six Columns' result on frontend Please check its Demo here !

Standard (Gutter) - Two Columns

To create the content for Standard (Gutter) - Two Columns, we can follow those steps as the way we create "Standard - Two Columns". However, there are some differences in:

Stage: - Create Category:

- Step 3: Enter the content for category:

Stage: - Create module Portfolio:

- Step 4: Enter the data for module Portfolio:

Stage: - Add module Portfolio into page Portfolio:

- Step 3: Enter the data for tab "Shopify":

To see the Standard (Gutter) - Two Columns' result on frontend Please check its Demo here !

Standard (Gutter) - Three Columns

To create the content for Standard - Six Columns, we can follow those steps as the way we create "Standard - Two Columns". However, there are some differences in:

Stage: - Create Category:

- Step 3: Enter the content for category:

Stage: - Create module Portfolio:

- Step 4: Enter the data for module Portfolio:

Stage: - Add module Portfolio into page Portfolio:

- Step 3: Enter the data for tab "Shopify":

To see the Standard - Six Columns' result on frontend Please check its Demo here !

Standard (Gutter) - Four Columns

To create the content for Standard - Six Columns, we can follow those steps as the way we create "Standard - Two Columns". However, there are some differences in:

Stage: - Create Category:

- Step 3: Enter the content for category:

Stage: - Create module Portfolio:

- Step 4: Enter the data for module Portfolio:

Stage: - Add module Portfolio into page Portfolio:

- Step 3: Enter the data for tab "Shopify":

To see the Standard - Six Columns' result on frontend Please check its Demo here !

Standard (Gutter) - Five Columns

To create the content for Standard - Six Columns, we can follow those steps as the way we create "Standard - Two Columns". However, there are some differences in:

Stage: - Create Category:

- Step 3: Enter the content for category:

Stage: - Create module Portfolio:

- Step 4: Enter the data for module Portfolio:

Stage: - Add module Portfolio into page Portfolio:

- Step 3: Enter the data for tab "Shopify":

To see the Standard (Gutter) - Five Columns' result on frontend Please check its Demo here !

Standard (Gutter) - Six Columns

To create the content for Standard (Gutter) - Six Columns, we can follow those steps as the way we create "Standard - Two Columns". However, there are some differences in:

Stage: - Create Category:

- Step 3: Enter the content for category:

Stage: - Create module Portfolio:

- Step 4: Enter the data for module Portfolio:

Stage: - Add module Portfolio into page Portfolio:

- Step 3: Enter the data for tab "Shopify":

To see the Standard (Gutter) - Six Columns' result on frontend Please check its Demo here !

Masonry ( Portfolio ) - Two Columns

To create the content for Masonry ( Portfolio ) - Two Columns, we can follow those steps as the way we create "Standard - Two Columns". However, there are some differences in:

Stage: - Create Category:

- Step 3: Enter the content for category:

Stage: - Create module Portfolio:

- Step 4: Enter the data for module Portfolio:

Stage: - Add module Portfolio into page Portfolio:

- Step 3: Enter the data for tab "Shopify":

To see the Standard (Gutter) - Six Columns' result on frontend Please check its Demo here !

Masonry ( Portfolio ) - Three Columns

Masonry ( Portfolio ) - Three Columns with Text

To create the content for Masonry ( Portfolio ) - Three Columns with Text, we can follow those steps as the way we create "Standard - Two Columns". However, there are some differences in:

Stage: - Create Category:

- Step 3: Enter the content for category:

Stage: - Create module Portfolio:

- Step 4: Enter the data for module Portfolio:

Stage: - Add module Portfolio into page Portfolio:

- Step 3: Enter the data for tab "Shopify":

To see the Masonry ( Portfolio ) - Three Columns with Text' result on frontend Please check its Demo here !

Masonry ( Portfolio ) - Four Columns

To create the content for Masonry ( Portfolio ) - Four Columns with Text, we can follow those steps as the way we create "Standard - Two Columns". However, there are some differences in:

Stage: - Create Category:

- Step 3: Enter the content for category:

Stage: - Create module Portfolio:

- Step 4: Enter the data for module Portfolio:

Stage: - Add module Portfolio into page Portfolio:

- Step 3: Enter the data for tab "Shopify":

To see the Masonry ( Portfolio ) - Four Columns with Text' result on frontend Please check its Demo here !

Masonry ( Portfolio ) - Five Columns

To create the content for Masonry ( Portfolio ) - Five Columns with Text, we can follow those steps as the way we create "Standard - Two Columns". However, there are some differences in:

Stage: - Create Category:

- Step 3: Enter the content for category:

Stage: - Create module Portfolio:

- Step 4: Enter the data for module Portfolio:

Stage: - Add module Portfolio into page Portfolio:

- Step 3: Enter the data for tab "Shopify":

To see the Masonry ( Portfolio ) - Five Columns with Text' result on frontend Please check its Demo here !

Mixed Portfolio - Horizontal Carousel

- Step 1: Please go to http://punity.uimarketplace.net/administrator/index.php?option=com_sppagebuilder&view=pages&filter_search=Mixed%20Portfolio%20-%20Horizontal%20Carousel

To see the Mixed Portfolio - Horizontal Carousel's result on frontend Please check its Demo here !

Mixed Portfolio - Full Screen

- Step 1: Please go to http://punity.uimarketplace.net/administrator/index.php?option=com_sppagebuilder&view=pages&filter_search=Mixed%20Portfolio%20-%20Full%20Screen

To see the Mixed Portfolio - Full Screen's result on frontend Please check its Demo here !

Mixed Portfolio - Left Fixed Sidebar

- Step 1: Please go to http://punity.uimarketplace.net/administrator/index.php?option=com_sppagebuilder&view=pages&filter_search=Mixed%20Portfolio%20-%20Left%20Fixed%20Sidebar

To see the Mixed Portfolio - Left Fixed Sidebar's result on frontend Please check its Demo here !

Mixed Portfolio - Right Fixed Sidebar

- Step 1: Please go to http://punity.uimarketplace.net/administrator/index.php?option=com_sppagebuilder&view=pages&filter_search=Mixed%20Portfolio%20-%20Right%20Fixed%20Sidebar

To see the Mixed Portfolio - Right Fixed Sidebar's result on frontend Please check its Demo here !

Mixed Portfolio - With Left Sidebar

- Step 1: Please go to http://punity.uimarketplace.net/administrator/index.php?option=com_sppagebuilder&view=pages&filter_search=Mixed%20Portfolio%20-%20Left%20Fixed%20Sidebar

To see the Mixed Portfolio - Left Fixed Sidebar's result on frontend Please check its Demo here !

Mixed Portfolio - With Right Sidebar

- Step 1: Please go to http://punity.uimarketplace.net/administrator/index.php?option=com_sppagebuilder&view=pages&filter_search=Mixed%20Portfolio%20-%20Right%20Fixed%20Sidebar

To see the Mixed Portfolio - Right Fixed Sidebar's result on frontend Please check its Demo here !