Basel shoes demo

Hello team,

Please check the screenshot and tell me the steps to do the same but instead of 3 shoes, i will put 3 models of socks, I need to know the size of the images, how and where to add the 3 images.
Thank you

Attachments:

You must be logged in to view attached files.

Hello,

Here is the code for the shoe home page:

[vc_section css=".vc_custom_1480362633574{margin-top: -40px !important;margin-bottom: 0px !important;}"][vc_row css=".vc_custom_1480362624594{margin-bottom: 0px !important;}"][vc_column][rev_slider_vc alias="home-shoes"][/vc_column][/vc_row][/vc_section][vc_row css=".vc_custom_1480362645980{margin-top: -80px !important;margin-bottom: 2vh !important;padding-top: 80px !important;padding-right: 10px !important;padding-left: 10px !important;background-color: #ffffff !important;}" el_class="z-index-h position-relative"][vc_column width="1/2" css=".vc_custom_1480348436316{margin-top: -60px !important;padding-top: 0px !important;padding-right: 10px !important;padding-left: 10px !important;}"][promo_banner image="126" alignment="center" vertical_alignment="middle" hover="1" basel_color_scheme="light" img_size="700x400"]
<h2 style="font-size: 36px;"><strong>MAN COLLECTION</strong></h2>
<a class="btn btn-style-default btn-round btn-color-primary" href="#">SEE PRODUCTS</a>[/promo_banner][/vc_column][vc_column width="1/2" css=".vc_custom_1480348449205{margin-top: -60px !important;padding-top: 0px !important;padding-right: 10px !important;padding-left: 10px !important;}" offset="vc_hidden-xs"][promo_banner image="126" alignment="center" vertical_alignment="middle" hover="1" basel_color_scheme="light" img_size="700x400"]
<h2 style="font-size: 36px;"><strong>BEST OFFERS</strong></h2>
<a class="btn btn-style-default btn-round btn-color-primary" href="#">SEE PRODUCTS</a>[/promo_banner][/vc_column][/vc_row][vc_row][vc_column][vc_custom_heading text="New collection shoes" font_container="tag:h1|font_size:42|text_align:center|color:%23b57b00|line_height:1" use_theme_fonts="yes" el_class="font-alt" css=".vc_custom_1480277159065{margin-bottom: 0px !important;}"][vc_custom_heading text="<strong>Shoes best sellers</strong>" font_container="tag:h1|font_size:42px|text_align:center|line_height:1.1" use_theme_fonts="yes" css=".vc_custom_1480363332862{margin-bottom: 30px !important;}"][vc_tta_tabs shape="square" spacing="" alignment="center" active_section="1" no_fill_content_area="true"][vc_tta_section title="Venenatis" tab_id="tab-venenatis"][basel_products items_per_page="6" product_hover="base" columns="3"][/vc_tta_section][vc_tta_section title="Gravida" tab_id="tab-gravida"][basel_products items_per_page="6" product_hover="base" columns="3"][/vc_tta_section][vc_tta_section title="Curabitur" tab_id="tab-curabitur"][basel_products items_per_page="6" product_hover="base" columns="3"][/vc_tta_section][/vc_tta_tabs][/vc_column][/vc_row][vc_section full_width="stretch_row_content" css=".vc_custom_1480362590214{margin-bottom: 10vh !important;padding-top: 0px !important;padding-right: 0px !important;padding-bottom: 0px !important;padding-left: 0px !important;background-color: #f2f2f2 !important;}"][vc_row full_height="yes" equal_height="yes" content_placement="middle" css=".vc_custom_1485959626544{margin-bottom: 0px !important;padding-top: 10vh !important;padding-bottom: 10vh !important;background-image: url(http://dummy.xtemos.com/basel/vers/wp-content/uploads/sites/3/2017/02/shoes-parallax1.jpg?id=692) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}" el_class="height-col"][vc_column width="1/2" css=".vc_custom_1480345075376{background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}"][/vc_column][vc_column width="1/2"][vc_row_inner css=".vc_custom_1480250889217{margin-bottom: 25px !important;}"][vc_column_inner width="1/6"][/vc_column_inner][vc_column_inner width="2/3"][vc_custom_heading text="New collection shoes" font_container="tag:h1|font_size:38|text_align:center|color:%23b57b00|line_height:1" use_theme_fonts="yes" el_class="font-alt" css=".vc_custom_1480277264313{margin-bottom: 0px !important;}"][vc_custom_heading text="<strong>Brand new collection winter 2017</strong>" font_container="tag:h1|font_size:42px|text_align:center|line_height:1.1" use_theme_fonts="yes"][vc_custom_heading text="Cursus mollis justo scelerisque mollis justo placerat massa dis a consectetur libero ac mollis justo quam fames." font_container="tag:p|text_align:center" google_fonts="font_family:Roboto%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C500%2C500italic%2C700%2C700italic%2C900%2C900italic|font_style:400%20regular%3A400%3Anormal"][/vc_column_inner][vc_column_inner width="1/6"][/vc_column_inner][/vc_row_inner][vc_row_inner css=".vc_custom_1480164349459{margin-bottom: 20px !important;}"][vc_column_inner width="1/6"][/vc_column_inner][vc_column_inner width="2/3"][basel_products layout="carousel" items_per_page="3" product_hover="base" slides_per_view="2" hide_pagination_control="yes"][/vc_column_inner][vc_column_inner width="1/6"][/vc_column_inner][/vc_row_inner][basel_button color="primary" style="round" align="center" title="SHOP NOW" link="#"][/vc_column][/vc_row][vc_row full_height="yes" equal_height="yes" content_placement="middle" css=".vc_custom_1485959638276{margin-bottom: 0px !important;padding-top: 10vh !important;padding-bottom: 10vh !important;background-image: url(http://dummy.xtemos.com/basel/vers/wp-content/uploads/sites/3/2017/02/shoes-parallax2.jpg?id=693) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}" el_class="height-col"][vc_column width="1/2" css=".vc_custom_1480177665302{background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}"][/vc_column][vc_column width="1/2"][vc_row_inner css=".vc_custom_1480250889217{margin-bottom: 25px !important;}"][vc_column_inner width="1/6"][/vc_column_inner][vc_column_inner width="2/3"][vc_custom_heading text="New collection shoes" font_container="tag:h1|font_size:38|text_align:center|color:%23b57b00|line_height:1" use_theme_fonts="yes" el_class="font-alt" css=".vc_custom_1480277277923{margin-bottom: 0px !important;}"][vc_custom_heading text="<strong>Elegance & style shoes man sale</strong>" font_container="tag:h1|font_size:42px|text_align:center|line_height:1.1" use_theme_fonts="yes"][vc_column_text css=".vc_custom_1480366554684{margin-bottom: 0px !important;}"]
<p style="text-align: center;">Cursus mollis justo scelerisque mollis justo placerat massa dis a consectetur libero ac mollis justo quam fames.</p>
[/vc_column_text][/vc_column_inner][vc_column_inner width="1/6"][/vc_column_inner][/vc_row_inner][vc_row_inner css=".vc_custom_1480164349459{margin-bottom: 20px !important;}"][vc_column_inner width="1/6"][/vc_column_inner][vc_column_inner width="2/3"][basel_products layout="carousel" items_per_page="3" product_hover="base" slides_per_view="2" hide_pagination_control="yes"][/vc_column_inner][vc_column_inner width="1/6"][/vc_column_inner][/vc_row_inner][basel_button color="primary" style="round" align="center" title="SHOP NOW" link="#"][/vc_column][/vc_row][vc_row full_height="yes" equal_height="yes" content_placement="middle" css=".vc_custom_1485959650693{padding-top: 10vh !important;padding-bottom: 10vh !important;background-image: url(http://dummy.xtemos.com/basel/vers/wp-content/uploads/sites/3/2017/02/shoes-parallax1.jpg?id=692) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}" el_class="height-col"][vc_column width="1/2" css=".vc_custom_1480177665302{background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}"][/vc_column][vc_column width="1/2"][vc_row_inner css=".vc_custom_1480250889217{margin-bottom: 25px !important;}"][vc_column_inner width="1/6"][/vc_column_inner][vc_column_inner width="2/3"][vc_custom_heading text="New collection shoes" font_container="tag:h1|font_size:38|text_align:center|color:%23b57b00|line_height:1" use_theme_fonts="yes" el_class="font-alt" css=".vc_custom_1480277288682{margin-bottom: 0px !important;}"][vc_custom_heading text="<strong>Best brands & designers worldwide</strong>" font_container="tag:h1|font_size:42px|text_align:center|line_height:1.1" use_theme_fonts="yes"][vc_column_text css=".vc_custom_1480366577578{margin-bottom: 0px !important;}"]
<p style="text-align: center;">Cursus mollis justo scelerisque mollis justo placerat massa dis a consectetur libero ac mollis justo quam fames.</p>
[/vc_column_text][/vc_column_inner][vc_column_inner width="1/6"][/vc_column_inner][/vc_row_inner][vc_row_inner css=".vc_custom_1480164349459{margin-bottom: 20px !important;}"][vc_column_inner width="1/6"][/vc_column_inner][vc_column_inner width="2/3"][basel_products layout="carousel" items_per_page="3" product_hover="base" slides_per_view="2" hide_pagination_control="yes"][/vc_column_inner][vc_column_inner width="1/6"][/vc_column_inner][/vc_row_inner][basel_button color="primary" style="round" align="center" title="SHOP NOW" link="#"][/vc_column][/vc_row][/vc_section][vc_row full_width="stretch_row" content_placement="middle" css=".vc_custom_1480344831394{margin-bottom: 11vh !important;}"][vc_column width="1/2" css=".vc_custom_1480344577407{padding-top: 0px !important;}"][vc_custom_heading text="Subtitle text example" font_container="tag:h1|font_size:42|text_align:center|color:%23b57b00|line_height:1" use_theme_fonts="yes" el_class="font-alt" css=".vc_custom_1480325647696{margin-bottom: 0px !important;}"][vc_custom_heading text="<strong>WHY OUR SHOES?</strong>" font_container="tag:h1|font_size:42px|text_align:center|line_height:1.1" use_theme_fonts="yes"][vc_column_text css=".vc_custom_1480366710889{margin-bottom: 25px !important;}"]
<p style="text-align: center;">Cursus mollis justo dis a consectetur libero ac mollis justo quam fames. Inceptos parturient convallis ut quisque morbi parturient. Vestibulum sed tincidunt.</p>
<p style="text-align: center;">Vitae pulvinar ut iaculis et a condimentum morbi diam sodales non nam ut a mi praesent a dignissim.Hendrerit dui condimentum eget a suspendisse ad.</p>
[/vc_column_text][basel_button color="primary" style="round" align="center" title="Read more" link="#"][/vc_column][vc_column width="1/2" css=".vc_custom_1480344437285{padding-top: 0px !important;}" offset="vc_hidden-xs"][basel_gallery images="126,163" view="masonry" spacing="6" columns="2" lightbox="yes" img_size="350x450"][/vc_column][/vc_row][vc_row full_width="stretch_row" content_placement="middle" css=".vc_custom_1480363092179{margin-bottom: 7vh !important;border-top-width: 4px !important;border-bottom-width: 4px !important;padding-top: 30px !important;padding-bottom: 30px !important;background-color: #f7f7f7 !important;border-top-color: #e0e0e0 !important;border-top-style: dashed !important;border-bottom-color: #e0e0e0 !important;border-bottom-style: dashed !important;}"][vc_column offset="vc_col-lg-4 vc_col-md-4 vc_col-xs-12" css=".vc_custom_1480360771476{padding-top: 0px !important;}"][vc_custom_heading text="<strong>Get Discount</strong>" font_container="tag:h1|font_size:42px|text_align:center|line_height:1.1" use_theme_fonts="yes" css=".vc_custom_1480363525276{margin-bottom: 20px !important;}"][/vc_column][vc_column offset="vc_col-lg-8 vc_col-md-8 vc_col-xs-12"][vc_column_text][mc4wp_form id="173"][/vc_column_text][/vc_column][/vc_row][vc_row css=".vc_custom_1480353340364{margin-bottom: 10vh !important;}"][vc_column][vc_custom_heading text="Subtitle text example" font_container="tag:h1|font_size:42|text_align:center|color:%23b57b00|line_height:1" use_theme_fonts="yes" el_class="font-alt" css=".vc_custom_1480325647696{margin-bottom: 0px !important;}"][vc_custom_heading text="<strong>Magazine & blog</strong>" font_container="tag:h1|font_size:42px|text_align:center|line_height:1.1" use_theme_fonts="yes" css=".vc_custom_1483625862153{margin-bottom: 35px !important;}"][basel_posts slides_per_view="3" img_size="370x250" posts_query="size:3|order_by:date|order:DESC|post_type:,post"][/vc_column][/vc_row][vc_row full_width="stretch_row" css=".vc_custom_1480363058515{margin-bottom: 6vh !important;}"][vc_column width="1/2" offset="vc_col-lg-3 vc_col-md-3 vc_col-xs-12" css=".vc_custom_1480363037426{margin-bottom: 30px !important;}"][basel_title style="simple" align="left" title="New products"][basel_shortcode_products_widget number="3"][/vc_column][vc_column width="1/2" offset="vc_col-lg-3 vc_col-md-3 vc_col-xs-12" css=".vc_custom_1480363041691{margin-bottom: 30px !important;}"][basel_title style="simple" align="left" title="Featured"][basel_shortcode_products_widget number="3" order="desc"][/vc_column][vc_column width="1/2" offset="vc_col-lg-3 vc_col-md-3 vc_col-xs-12" css=".vc_custom_1480363046794{margin-bottom: 30px !important;}"][basel_title style="simple" align="left" title="Recent tweets"][vc_widget_sidebar sidebar_id="sidebar-475"][/vc_column][vc_column width="1/2" offset="vc_col-lg-3 vc_col-md-3 vc_col-xs-12 vc_hidden-xs" css=".vc_custom_1480363052345{margin-bottom: 30px !important;}"][basel_title style="simple" align="left" title="Facebook"][vc_raw_html]JTNDaWZyYW1lJTIwc3JjJTNEJTIyaHR0cHMlM0ElMkYlMkZ3d3cuZmFjZWJvb2suY29tJTJGcGx1Z2lucyUyRnBhZ2UucGhwJTNGaHJlZiUzRGh0dHBzJTI1M0ElMjUyRiUyNTJGd3d3LmZhY2Vib29rLmNvbSUyNTJGTWlsYW5vc1Nob2VzJTI1MkYlMjZ0YWJzJTNEdGltZWxpbmUlMjZ3aWR0aCUzRDI5MCUyNmhlaWdodCUzRDI4NSUyNnNtYWxsX2hlYWRlciUzRHRydWUlMjZhZGFwdF9jb250YWluZXJfd2lkdGglM0R0cnVlJTI2aGlkZV9jb3ZlciUzRGZhbHNlJTI2c2hvd19mYWNlcGlsZSUzRHRydWUlMjZhcHBJZCUzRDE0NDYxODAzOTIzMjE0MTglMjIlMjB3aWR0aCUzRCUyMjI5MCUyMiUyMGhlaWdodCUzRCUyMjI4NSUyMiUyMHN0eWxlJTNEJTIyYm9yZGVyJTNBbm9uZSUzQm92ZXJmbG93JTNBaGlkZGVuJTIyJTIwc2Nyb2xsaW5nJTNEJTIybm8lMjIlMjBmcmFtZWJvcmRlciUzRCUyMjAlMjIlMjBhbGxvd1RyYW5zcGFyZW5jeSUzRCUyMnRydWUlMjIlM0UlM0MlMkZpZnJhbWUlM0U=[/vc_raw_html][/vc_column][/vc_row][vc_row full_width="stretch_row_content_no_spaces" css=".vc_custom_1480165756281{margin-bottom: -40px !important;}"][vc_column][basel_instagram size="large" design="slider" per_row="5" username="menshoes" number="10"]
<h3 class="font-alt color-primary" style="line-height: 1; margin-bottom: 0; text-align: center;">Subtitle text example</h3>
<h3 style="text-align: center;">INSTAGRAM</h3>
[/basel_instagram][/vc_column][/vc_row]

Create a new page and insert this code, then edit as per your needs. Add this custom CSS to the Page settings http://prntscr.com/o59dl1

.height-col {
    background-attachment: fixed;
    background-position:center;
}

@media (max-width: 767px) {
    
    div.height-col {
        background-image: none !important;
    }
}

Best Regards

Hello Elise,

Thank you for sending the codes.I already choose this demo shoes and imported, what i need is this special part ( please check the screenshot) Where to add 3 photos or more of shoes to get the same effect while scrolling. Since i imported the demo shoes home page i believe i do not need the codes, what i need where? meaning the section to just upload the 3 or more photos to get the same effect.Please tell me as soon as possible because i am working on this part now.Thank you for your continuous support.I really appreciated.

Thank you

Attachments:

You must be logged in to view attached files.

Hello,

These images are added as the background https://gyazo.com/c74dc0932f85c7589a7827b0bc310b39

Each row should have the class height-col

Add this code to the Theme Settings > Custom CSS > Global

.height-col {
    background-attachment: fixed;
    background-position:center;
}

@media (max-width: 767px) {
    
    div.height-col {
        background-image: none !important;
    }
}

Best Regards

[Author]

Posts