Need help creating this type of section (Luke or aizas only pls)

I wanted to create a section from the mega electronics section on my own site, without having to import that entire demo site.

Can you please take a look at the attached screenshot and provide me with the dimensions Images 1, 2, 3, 4 would need to be?

It seems like on the demo page these are banners and promotional banners, I don’t wish to include those types of widgets, I just want to put a simple picture widget (I will create the banner myself in photoshop)…I just need help knowing what dimensions the banners should be so that they look just like this set up.

I tried my best making the section myself, you can see that my image on the left is a little longer than the 2 on the right. Here is a ‘classic view’ code:

[vc_row][vc_column width="1/2"][promo_banner image="33245432" rounding_size="eyJkZXZpY2VzIjp7ImRlc2t0b3AiOnsidmFsdWUiOiIxMiJ9fX0=" hover="none" woodmart_css_id="6424fb5a0e198" img_size="760x624" custom_height="no" woodmart_empty_space="" hide_countdown_on_finish="no" hide_btn_tablet="no" hide_btn_mobile="no" increase_spaces="no" responsive_spacing="eyJwYXJhbV90eXBlIjoid29vZG1hcnRfcmVzcG9uc2l2ZV9zcGFjaW5nIiwic2VsZWN0b3JfaWQiOiI2NDI0ZmI1YTBlMTk4Iiwic2hvcnRjb2RlIjoicHJvbW9fYmFubmVyIiwiZGF0YSI6eyJ0YWJsZXQiOnt9LCJtb2JpbGUiOnt9fX0=" wd_hide_on_desktop="no" wd_hide_on_tablet="no" wd_hide_on_mobile="no"][/promo_banner][/vc_column][vc_column width="1/2"][banners_carousel slides_per_view="1" slider_spacing="6" woodmart_css_id="6424f3dcbe45e" autoplay="no" hide_pagination_control="no" hide_prev_next_buttons="no" wrap="no" scroll_carousel_init="no" responsive_spacing="eyJwYXJhbV90eXBlIjoid29vZG1hcnRfcmVzcG9uc2l2ZV9zcGFjaW5nIiwic2VsZWN0b3JfaWQiOiI2NDI0ZjNkY2JlNDVlIiwic2hvcnRjb2RlIjoiYmFubmVyc19jYXJvdXNlbCIsImRhdGEiOnsidGFibGV0Ijp7fSwibW9iaWxlIjp7fX19"][promo_banner image="33245428" rounding_size="eyJkZXZpY2VzIjp7ImRlc2t0b3AiOnsidmFsdWUiOiIxMiJ9fX0=" woodmart_css_id="6424f5a9151b4" img_size="760x312" custom_height="no" woodmart_empty_space="" hide_countdown_on_finish="no" hide_btn_tablet="no" hide_btn_mobile="no" increase_spaces="no" responsive_spacing="eyJwYXJhbV90eXBlIjoid29vZG1hcnRfcmVzcG9uc2l2ZV9zcGFjaW5nIiwic2VsZWN0b3JfaWQiOiI2NDI0ZjVhOTE1MWI0Iiwic2hvcnRjb2RlIjoicHJvbW9fYmFubmVyIiwiZGF0YSI6eyJ0YWJsZXQiOnt9LCJtb2JpbGUiOnt9fX0=" wd_hide_on_desktop="no" wd_hide_on_tablet="no" wd_hide_on_mobile="no"][/promo_banner][/banners_carousel][vc_row_inner css=".vc_custom_1680143550082{padding-top: 20px !important;}" woodmart_css_id="6424f4b60ae60" responsive_spacing="eyJwYXJhbV90eXBlIjoid29vZG1hcnRfcmVzcG9uc2l2ZV9zcGFjaW5nIiwic2VsZWN0b3JfaWQiOiI2NDI0ZjRiNjBhZTYwIiwic2hvcnRjb2RlIjoidmNfcm93X2lubmVyIiwiZGF0YSI6eyJ0YWJsZXQiOnt9LCJtb2JpbGUiOnt9fX0=" mobile_bg_img_hidden="no" tablet_bg_img_hidden="no" woodmart_parallax="0" woodmart_gradient_switch="no" woodmart_box_shadow="no" wd_z_index="no" woodmart_disable_overflow="0" row_reverse_mobile="0" row_reverse_tablet="0"][vc_column_inner width="1/2"][woodmart_image rounding_size="eyJkZXZpY2VzIjp7ImRlc2t0b3AiOnsidmFsdWUiOiIxMiJ9fX0=" click_action="custom_link" woodmart_css_id="6424f5af4c59b" img_id="33245430" img_size="920x560" display_inline="no" img_link_blank="no" parallax_scroll="no" responsive_spacing="eyJwYXJhbV90eXBlIjoid29vZG1hcnRfcmVzcG9uc2l2ZV9zcGFjaW5nIiwic2VsZWN0b3JfaWQiOiI2NDI0ZjVhZjRjNTliIiwic2hvcnRjb2RlIjoid29vZG1hcnRfaW1hZ2UiLCJkYXRhIjp7InRhYmxldCI6e30sIm1vYmlsZSI6e319fQ==" woodmart_box_shadow="no" wd_hide_on_desktop="no" wd_hide_on_tablet="no" wd_hide_on_mobile="no"][/vc_column_inner][vc_column_inner width="1/2"][woodmart_image rounding_size="eyJkZXZpY2VzIjp7ImRlc2t0b3AiOnsidmFsdWUiOiIxMiJ9fX0=" click_action="custom_link" woodmart_css_id="6424f5b57af0a" img_id="33245430" img_size="920x560" display_inline="no" img_link_blank="no" parallax_scroll="no" responsive_spacing="eyJwYXJhbV90eXBlIjoid29vZG1hcnRfcmVzcG9uc2l2ZV9zcGFjaW5nIiwic2VsZWN0b3JfaWQiOiI2NDI0ZjViNTdhZjBhIiwic2hvcnRjb2RlIjoid29vZG1hcnRfaW1hZ2UiLCJkYXRhIjp7InRhYmxldCI6e30sIm1vYmlsZSI6e319fQ==" woodmart_box_shadow="no" wd_hide_on_desktop="no" wd_hide_on_tablet="no" wd_hide_on_mobile="no"][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row full_width="stretch_row_content" css=".vc_custom_1663534939161{margin-bottom: 20px !important;}" woodmart_css_id="63278757dba45" responsive_spacing="eyJwYXJhbV90eXBlIjoid29vZG1hcnRfcmVzcG9uc2l2ZV9zcGFjaW5nIiwic2VsZWN0b3JfaWQiOiI2MzI3ODc1N2RiYTQ1Iiwic2hvcnRjb2RlIjoidmNfcm93IiwiZGF0YSI6eyJ0YWJsZXQiOnt9LCJtb2JpbGUiOnt9fX0=" mobile_bg_img_hidden="no" tablet_bg_img_hidden="no" woodmart_parallax="0" woodmart_gradient_switch="no" row_reverse_mobile="0" row_reverse_tablet="0" woodmart_disable_overflow="0" woodmart_box_shadow="no" wd_z_index="no"][vc_column css=".vc_custom_1533819164451{padding-top: 0px !important;}"][products_tabs design="simple" title="SHOP CATEGORIES" woodmart_css_id="63278b3772bfd" responsive_spacing="eyJwYXJhbV90eXBlIjoid29vZG1hcnRfcmVzcG9uc2l2ZV9zcGFjaW5nIiwic2VsZWN0b3JfaWQiOiI2MzI3OGIzNzcyYmZkIiwic2hvcnRjb2RlIjoicHJvZHVjdHNfdGFicyIsImRhdGEiOnsidGFibGV0Ijp7fSwibW9iaWxlIjp7fX19" wd_hide_on_desktop="no" wd_hide_on_tablet="no" wd_hide_on_mobile="no" color="eyJwYXJhbV90eXBlIjoid29vZG1hcnRfY29sb3JwaWNrZXIiLCJjc3NfYXJncyI6eyJjb2xvciI6WyIud2QtdGFicyAud2QtbmF2LXRhYnMud2Qtc3R5bGUtZGVmYXVsdCBsaS53ZC1hY3RpdmUgYSIsIi53ZC10YWJzIC53ZC1uYXYtdGFicy53ZC1zdHlsZS1kZWZhdWx0IGxpOmhvdmVyIGEiXSwiYm9yZGVyLWNvbG9yIjpbIi50YWJzLWRlc2lnbi1zaW1wbGUgLnRhYnMtbmFtZSJdLCJiYWNrZ3JvdW5kLWNvbG9yIjpbIi53ZC10YWJzIC53ZC1uYXYtdGFicy53ZC1zdHlsZS11bmRlcmxpbmUgLm5hdi1saW5rLXRleHQ6YWZ0ZXIiXX0sInNlbGVjdG9yX2lkIjoiNjMyNzhiMzc3MmJmZCIsImRhdGEiOnsiZGVza3RvcCI6IiMzMTcwOGUifX0=" tabs_title_color="eyJkZXZpY2VzIjp7ImRlc2t0b3AiOnsidmFsdWUiOiIjZGQzMzMzIn19fQ=="][products_tab columns="6" items_per_page="6" pagination="arrows" product_hover="tiled" product_quantity="enable" orderby="date" title="DISPOSABLES" img_size="330x340" sale_countdown="0" stock_progress_bar="0" products_bordered_grid="0" lazy_loading="no" woodmart_css_id="632787236ec53" stretch_product_desktop="1" stretch_product_tablet="1" stretch_product_mobile="1" hide_out_of_stock="no" taxonomies="231"][products_tab columns="6" items_per_page="6" pagination="arrows" product_hover="tiled" product_quantity="enable" orderby="date" title="VAPE SHOP ITEMS" img_size="330x340" sale_countdown="0" stock_progress_bar="0" products_bordered_grid="0" lazy_loading="no" woodmart_css_id="63278c263521b" stretch_product_desktop="1" stretch_product_tablet="1" stretch_product_mobile="1" hide_out_of_stock="no" taxonomies="219"][products_tab columns="6" items_per_page="6" pagination="arrows" product_hover="tiled" product_quantity="enable" orderby="date" title="SMOKE SHOP SUPPLY" img_size="330x340" sale_countdown="0" stock_progress_bar="0" products_bordered_grid="0" lazy_loading="no" woodmart_css_id="63278a4144603" stretch_product_desktop="1" stretch_product_tablet="1" stretch_product_mobile="1" hide_out_of_stock="no" taxonomies="328"][/products_tabs][/vc_column][/vc_row][vc_row full_width="stretch_row_content" css=".vc_custom_1663534939161{margin-bottom: 20px !important;}" woodmart_css_id="63278757dba45" responsive_spacing="eyJwYXJhbV90eXBlIjoid29vZG1hcnRfcmVzcG9uc2l2ZV9zcGFjaW5nIiwic2VsZWN0b3JfaWQiOiI2MzI3ODc1N2RiYTQ1Iiwic2hvcnRjb2RlIjoidmNfcm93IiwiZGF0YSI6eyJ0YWJsZXQiOnt9LCJtb2JpbGUiOnt9fX0=" mobile_bg_img_hidden="no" tablet_bg_img_hidden="no" woodmart_parallax="0" woodmart_gradient_switch="no" row_reverse_mobile="0" row_reverse_tablet="0" woodmart_disable_overflow="0" woodmart_box_shadow="no" wd_z_index="no"][vc_column css=".vc_custom_1533819164451{padding-top: 0px !important;}"][products_tabs design="simple" title="SHOP CATEGORIES" woodmart_css_id="63278b2f09ee5" responsive_spacing="eyJwYXJhbV90eXBlIjoid29vZG1hcnRfcmVzcG9uc2l2ZV9zcGFjaW5nIiwic2VsZWN0b3JfaWQiOiI2MzI3OGIyZjA5ZWU1Iiwic2hvcnRjb2RlIjoicHJvZHVjdHNfdGFicyIsImRhdGEiOnsidGFibGV0Ijp7fSwibW9iaWxlIjp7fX19" wd_hide_on_desktop="no" wd_hide_on_tablet="no" wd_hide_on_mobile="no" color="eyJwYXJhbV90eXBlIjoid29vZG1hcnRfY29sb3JwaWNrZXIiLCJjc3NfYXJncyI6eyJjb2xvciI6WyIud2QtdGFicyAud2QtbmF2LXRhYnMud2Qtc3R5bGUtZGVmYXVsdCBsaS53ZC1hY3RpdmUgYSIsIi53ZC10YWJzIC53ZC1uYXYtdGFicy53ZC1zdHlsZS1kZWZhdWx0IGxpOmhvdmVyIGEiXSwiYm9yZGVyLWNvbG9yIjpbIi50YWJzLWRlc2lnbi1zaW1wbGUgLnRhYnMtbmFtZSJdLCJiYWNrZ3JvdW5kLWNvbG9yIjpbIi53ZC10YWJzIC53ZC1uYXYtdGFicy53ZC1zdHlsZS11bmRlcmxpbmUgLm5hdi1saW5rLXRleHQ6YWZ0ZXIiXX0sInNlbGVjdG9yX2lkIjoiNjMyNzhiMmYwOWVlNSIsImRhdGEiOnsiZGVza3RvcCI6IiMzMTcwOGUifX0=" tabs_title_color="eyJkZXZpY2VzIjp7ImRlc2t0b3AiOnsidmFsdWUiOiIjZGQzMzMzIn19fQ=="][products_tab columns="6" items_per_page="6" pagination="arrows" product_hover="tiled" product_quantity="enable" orderby="date" title="SMOKE SHOP GLASS" img_size="330x340" sale_countdown="0" stock_progress_bar="0" products_bordered_grid="0" lazy_loading="no" woodmart_css_id="63278a6a5fa9b" stretch_product_desktop="1" stretch_product_tablet="1" stretch_product_mobile="1" hide_out_of_stock="no" taxonomies="226"][products_tab columns="6" items_per_page="6" pagination="arrows" product_hover="tiled" product_quantity="enable" orderby="date" title="SILICONE ITEMS" img_size="330x340" sale_countdown="0" stock_progress_bar="0" products_bordered_grid="0" lazy_loading="no" woodmart_css_id="63278a86a1061" stretch_product_desktop="1" stretch_product_tablet="1" stretch_product_mobile="1" hide_out_of_stock="no" taxonomies="223"][products_tab columns="6" items_per_page="6" pagination="arrows" product_hover="tiled" product_quantity="enable" orderby="date" title="HOOKAH SUPPLY" img_size="330x340" sale_countdown="0" stock_progress_bar="0" products_bordered_grid="0" lazy_loading="no" woodmart_css_id="63278a98472e3" stretch_product_desktop="1" stretch_product_tablet="1" stretch_product_mobile="1" hide_out_of_stock="no" taxonomies="246"][/products_tabs][/vc_column][/vc_row][vc_row full_width="stretch_row_content" css=".vc_custom_1663536390525{margin-bottom: -40px !important;}" woodmart_css_id="63278cfe90b19" responsive_spacing="eyJwYXJhbV90eXBlIjoid29vZG1hcnRfcmVzcG9uc2l2ZV9zcGFjaW5nIiwic2VsZWN0b3JfaWQiOiI2MzI3OGNmZTkwYjE5Iiwic2hvcnRjb2RlIjoidmNfcm93IiwiZGF0YSI6eyJ0YWJsZXQiOnt9LCJtb2JpbGUiOnt9fX0=" mobile_bg_img_hidden="no" tablet_bg_img_hidden="no" woodmart_parallax="0" woodmart_gradient_switch="no" row_reverse_mobile="0" row_reverse_tablet="0" woodmart_disable_overflow="0" woodmart_box_shadow="no" wd_z_index="no"][vc_column css=".vc_custom_1533819164451{padding-top: 0px !important;}"][products_tabs design="simple" title="SHOP TOBACCO" woodmart_css_id="63278b25c9530" responsive_spacing="eyJwYXJhbV90eXBlIjoid29vZG1hcnRfcmVzcG9uc2l2ZV9zcGFjaW5nIiwic2VsZWN0b3JfaWQiOiI2MzI3OGIyNWM5NTMwIiwic2hvcnRjb2RlIjoicHJvZHVjdHNfdGFicyIsImRhdGEiOnsidGFibGV0Ijp7fSwibW9iaWxlIjp7fX19" wd_hide_on_desktop="no" wd_hide_on_tablet="no" wd_hide_on_mobile="no" color="eyJwYXJhbV90eXBlIjoid29vZG1hcnRfY29sb3JwaWNrZXIiLCJjc3NfYXJncyI6eyJjb2xvciI6WyIud2QtdGFicyAud2QtbmF2LXRhYnMud2Qtc3R5bGUtZGVmYXVsdCBsaS53ZC1hY3RpdmUgYSIsIi53ZC10YWJzIC53ZC1uYXYtdGFicy53ZC1zdHlsZS1kZWZhdWx0IGxpOmhvdmVyIGEiXSwiYm9yZGVyLWNvbG9yIjpbIi50YWJzLWRlc2lnbi1zaW1wbGUgLnRhYnMtbmFtZSJdLCJiYWNrZ3JvdW5kLWNvbG9yIjpbIi53ZC10YWJzIC53ZC1uYXYtdGFicy53ZC1zdHlsZS11bmRlcmxpbmUgLm5hdi1saW5rLXRleHQ6YWZ0ZXIiXX0sInNlbGVjdG9yX2lkIjoiNjMyNzhiMjVjOTUzMCIsImRhdGEiOnsiZGVza3RvcCI6IiMzMTcwOGUifX0=" tabs_title_color="eyJkZXZpY2VzIjp7ImRlc2t0b3AiOnsidmFsdWUiOiIjZGQzMzMzIn19fQ=="][products_tab columns="6" items_per_page="6" pagination="arrows" product_hover="tiled" product_quantity="enable" orderby="date" title="E-LIQUID" img_size="330x340" sale_countdown="0" stock_progress_bar="0" products_bordered_grid="0" lazy_loading="no" woodmart_css_id="63278ac52cc11" stretch_product_desktop="1" stretch_product_tablet="1" stretch_product_mobile="1" hide_out_of_stock="no" taxonomies="571"][products_tab columns="6" items_per_page="6" pagination="arrows" product_hover="tiled" product_quantity="enable" orderby="date" title="CIGARS & CIGARILLOS" img_size="330x340" sale_countdown="0" stock_progress_bar="0" products_bordered_grid="0" lazy_loading="no" woodmart_css_id="63278ad7076cd" stretch_product_desktop="1" stretch_product_tablet="1" stretch_product_mobile="1" hide_out_of_stock="no" taxonomies="1849"][/products_tabs][/vc_column][/vc_row]

Attachments:

You must be logged in to view attached files.

Hello,

Did you try using the Theme’s Template Library in this regard to import this specific Section?

Here is the guide to that: https://xtemos.com/docs-topic/templates-library/

Further, the dimension of the Image on this Slider appears to be 700×460 pixels.

Best Regards.

[Author]

Posts