Question 1

Magento 1. Argento Essence Homepage

Accepted Answer

Homepage content is editable at Cms > Pages interface. Slider Slider is powered by EasySlider module. You can manage each slide and animation effects at Templates-Master > Easyslide backend page. Slider is placed by widget. The following code is used to display the slider on the homepage: {{widget type="easyslide/insert" slider_id="argento_default"}} Vertical Banners The banner is powered by EasyBanner module. You can add or configure banners at Templates-Master > Easybanner. You can look at the code that was used to show the homepage banner: {{widget type="easybanner/widget_placeholder" placeholder_name="argento-home-top"}} Categories Categories block is powered by EasyCatalogImages module. This block is inserted using magento widget functionality. The following code is used to show block on the homepage: {{widget type="easycatalogimg/widget_list" category_count="4" column_count="4" show_image="1" resize_image="1" image_width="180" image_height="180" subcategory_count="5" template="tm/easycatalogimg/list.phtml"}} Horizontal Banner The banner is powered by EasyBanner module. You can add or configure banners at Templates-Master > Easybanner. You can look at the code that was used to show the homepage banner: {{widget type="easybanner/widget_placeholder" placeholder_name="argento-home-content"}} Tabs Homepage tabs - is a highlight block, transformed into tabs with javascript. The following code is used to show tabs on the homepage: {{widget type="highlight/product_new" title="New arrivals" products_count="6" column_count="3" template="tm/highlight/product/grid.phtml" class_name="highlight-new" page_title="See all new products »"}} {{widget type="highlight/product_special" title="Sale" products_count="6" column_count="3" template="tm/highlight/product/grid.phtml" class_name="highlight-special" page_title="See all on sale products »"}} {{widget type="highlight/product_attribute_yesno" attribute_code="coming_soon" title="Coming soon" products_count="6" column_count="3" template="tm/highlight/product/grid.phtml" class_name="highlight-attrbiute-coming_soon"}} new TabBuilder(); {{widget type="highlight/product_bestseller" title="Bestsellers" products_count="3" column_count="3" template="tm/highlight/product/sidebar/list-link.phtml" class_name="highlight-bestsellers" page_title="See all bestsellers »"}} {{widget type="highlight/product_popular" title="Popular Products" products_count="3" column_count="3" template="tm/highlight/product/sidebar/list-link.phtml" class_name="highlight-popular" page_title="See all popular products »"}} Brands Slider Brands slider is a simple cms content, powered with javascript to make slider. Look at the code, that was used to show the brands slider: Featured Brands Left Right new Slider("slider-brands-container", "left", "right", {shift: 'auto'});

Question 2

Magento 1. Argento Essence Footer

Accepted Answer

Newsletter block You can find the Code of the block at app/design/frontend/argento/default/template/newsletter/subscribe.phtml file. Social icons You can add or remove additional links in Cms > Static Blocks > footer_social block. Here is a full list of supported icons: Join our community Facebook Twitter YouTube Rss Company information You can add or remove additional links, change phone number and text in Cms > Static Blocks > footer block. Block code is: About us About Us Our company Carriers Shipping Customer center My Account Order Status Wishlist Returns and Exchanges Info Privacy policy Delivery information Returns policy Contacts Contact Us Store location Contacts block You can edit the contacts at Cms > Static Blocks > footer_contacts. Block code is: Visit Argento Store 221B Baker Street West Windsor, NJ 08550 1.800.555.1903 get directions Copyright block You can change the copyright block by navigating to System > Configuration > General > Design. The copyright information can be edited in the footer field. Additional links block You can find the code of the block at app/design/frontend/base/default/layout/page.xml file. Please notice, that all links are collected from different xml files. For example, if you want to edit the Advanced search link, you have to find app/design/frontend/base/default/layout/catalogsearch.xml file. Then please enter the following code: Search Terms Search Terms Advanced Search Advanced Search Short footer layout Short footer layout is used on checkout page to increase conversion rate. You can disable short footer using custom layout update file page/html/footer.phtml

Question 3

Magento 1. Argento Essence Category Page

Accepted Answer

Layout Argento default theme is using page_two_columns_right layout for the category page. In order to change it to another one you have to create [custom.xml][custom_xml] file with following instruction: Possible values for handle variable: page_two_columns_left page_two_columns_right page_three_columns page_one_column Category Description Category description is shown as collapsed block, when its height is longer than 250px. If you would like to disable description collapsing, you can add the following code to [custom.xml][custom_xml]: Product Listing Columns count Columns count can be configured with [custom.xml][custom_xml]. Add the following code to the custom.xml file: 4 grid4 grid8 grid12 4 list8 list16 list32 4 product_list_toolbar 4 product_list_toolbar Image size Follow the steps below to change the image’s size on the category view page: Copy product list template to the argento_custom folder: cp app/design/frontend/argento/pure2/template/catalog/product/list.phtml app/design/frontend/argento/pure2_custom/template/catalog/product/list.phtml Change the image dimensions in copied file. Find the following lines:

Question 4

Magento 1. Mall Footer

Accepted Answer

Company information You can add or remove additional links, change phone number and text in Cms > Static Blocks > footer block. Block code is: Informational About Us Our company Press Contact Us Store location Privacy policy Delivery information Returns policy Additional links block You can find the code of the block at app/design/frontend/base/default/layout/page.xml file. Please notice, that all links are collected from different xml files. For example, if you want to edit the Advanced search link, you have to find app/design/frontend/base/default/layout/catalogsearch.xml file. Then please enter the following code: Search Terms Search Terms Advanced Search Advanced Search Copyright block You can change the copyright block by navigating to System > Configuration > General > Design. The copyright information can be edited in the footer field.

Question 5

Magento 1. Mall Category Page

Accepted Answer

Layout Argento default theme is using page_two_columns_right layout for the category page. In order to change it to another one you have to create [custom.xml][custom_xml] file with following instruction: Possible values for handle variable: page_two_columns_left page_two_columns_right page_three_columns page_one_column Category Description Category description is shown as collapsed block, when its height is longer than 250px. If you would like to disable description collapsing, you can add the following code to [custom.xml][custom_xml]: Product Listing Columns count Columns count can be configured with [custom.xml][custom_xml]. Add the following code to the custom.xml file: 4 grid4 grid8 grid12 4 list8 list16 list32 4 product_list_toolbar 4 product_list_toolbar Image size Follow the steps below to change the image’s size on the category view page: Copy product list template to the argento_custom folder: cp app/design/frontend/argento/pure2/template/catalog/product/list.phtml app/design/frontend/argento/pure2_custom/template/catalog/product/list.phtml Change the image dimensions in copied file. Find the following lines:

Question 6

Magento 1. Pure Category Page

Accepted Answer

Layout Argento Pure is using page_two_columns_right layout for the category page. In order to change it to another one you have to create [custom.xml][custom_xml] file with following instruction: Possible values for handle variable: page_two_columns_left page_two_columns_right page_three_columns page_one_column Category Description Category description is shown as collapsed block, when its height is longer than 250px. If you would like to disable description collapsing, you can add the following code to [custom.xml][custom_xml]: Sidebar navigation The following code is used in order to display the sidebar navigation: {{block type="navigationpro/navigation" template="tm/navigationpro/sidebar.phtml" name_in_layout="navpro-homepage-left" menu_name="argento_mall_left" enabled="1"}} Product Listing Columns count Columns count can be configured with [custom.xml][custom_xml]. Add the following code to the custom.xml file: 4 grid4 grid8 grid12 4 list8 list16 list32 4 product_list_toolbar 4 product_list_toolbar Image size Follow the steps below to change the image’s size on the category view page: Copy product list template to the argento_custom folder: cp app/design/frontend/argento/pure2/template/catalog/product/list.phtml app/design/frontend/argento/pure2_custom/template/catalog/product/list.phtml Change the image dimensions in copied file. Find the following lines:

Question 7

Magento 1. Pure Homepage

Accepted Answer

Homepage content is editable at Cms > Pages interface. Slider Slider is powered by EasySlider module. You can manage each slide and animation effects at Templates-Master > Easyslide backend page. Slider is placed by widget. The following code is used to display the slider on the homepage: {{widget type="easyslide/insert" slider_id="argento_pure"}} Categories Categories block is powered by EasyCatalogImages module. This block is inserted using magento widget functionality. The following code is used to show block on the homepage: {{widget type="easycatalogimg/widget_list" category_count="4" column_count="4" show_image="1" resize_image="1" image_width="180" image_height="180" subcategory_count="1" template="tm/easycatalogimg/list.phtml"}} Horizontal banner The banner is powered by EasyBanner module. You can add or configure banners at Templates-Master > Easybanner. You can look at the code that was used to show the homepage banner: {{widget type="easybanner/widget_placeholder" placeholder_name="argento-home-content"}} Tabs Homepage tabs - is a highlight block, transformed into tabs with javascript. The following code is used to show tabs on the homepage: {{widget type="highlight/product_new" title="New arrivals" products_count="12" column_count="4" template="tm/highlight/product/grid.phtml" class_name="highlight-new" page_title="All new products »"}} {{widget type="highlight/product_bestseller" title="Bestsellers" products_count="12" column_count="4" template="tm/highlight/product/grid.phtml" class_name="highlight-bestsellers" page_title="All bestsellers »"}} {{widget type="highlight/product_attribute_yesno" attribute_code="recommended" title="Recommended products" products_count="12" column_count="4" template="tm/highlight/product/grid.phtml" class_name="highlight-attribute-recommended"}} {{widget type="highlight/product_special" title="On sale" products_count="12" column_count="4" template="tm/highlight/product/grid.phtml" class_name="highlight-special" page_title="All on sale products »"}} About Us Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi luctus. Duis lobortis. Nulla nec velit. Mauris pulvinar erat non massa. Suspendisse tortor turpis, porta nec, tempus vitae, iaculis semper, pede. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi luctus. Duis lobortis. Nulla nec velit. Mauris pulvinar erat non massa. Suspendisse tortor turpis, porta nec, tempus vitae, iaculis semper, pede. Cras vel libero id lectus rhoncus porta. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi luctus. Duis lobortis. Nulla nec velit. Vivamus tortor nisl, lobortis in, faucibus et, tempus at, dui. Nunc risus. Proin scelerisque augue. Nam ullamcorper. Phasellus id massa. Pellentesque nisl. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc augue. Aenean sed justo non leo vehicula laoreet. Praesent ipsum libero, auctor ac, tempus nec, tempor nec, justo. Maecenas ullamcorper, odio vel tempus egestas, dui orci faucibus orci, sit amet aliquet lectus dolor et quam. Pellentesque consequat luctus purus. Nunc et risus. Etiam a nibh. Phasellus dignissim metus eget nisi. Vestibulum sapien dolor, aliquet nec, porta ac, malesuada a, libero. Praesent feugiat purus eget est. Nulla facilisi. Vestibulum tincidunt sapien eu velit. Mauris purus. Maecenas eget mauris eu orci accumsan feugiat. Pellentesque eget velit. Nunc tincidunt. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi luctus. Duis lobortis. Nulla nec velit. Mauris pulvinar erat non massa. Suspendisse tortor turpis, porta nec, tempus vitae, iaculis semper, pede. Cras vel libero id lectus rhoncus porta. Suspendisse convallis felis ac enim. Vivamus tortor nisl, lobortis in, faucibus et, tempus at, dui. Nunc risus. Proin scelerisque augue. Nam ullamcorper Maecenas ullamcorper, odio vel tempus egestas, dui orci faucibus orci, sit amet aliquet lectus dolor et quam. Pellentesque consequat luctus purus. Nunc et risus. Etiam a nibh. Phasellus dignissim metus eget nisi. To all of you, from all of us at Magento Demo Store - Thank you and Happy eCommerce! John DoeSome important guy new TabBuilder(); new IScroll($$('.tab-container .tabs-wrapper')[0], { click: true, tap : true, bindToWrapper: true, scrollX: true, scrollY: false }); Brands Slider Brands slider is a simple cms content, powered with javascript to make slider. Look at the code, that was used to show the brands slider: Featured Brands Left Right new Slider("slider-brands-container", "left", "right", {shift: 'auto'});

Question 8

Magento 1. Pure Footer

Accepted Answer

Customer information You can add or remove additional links, change phone number and text in Cms > Static Blocks > footer block. Block code is: Customer Information Blog Store locator Media Help Center My Account Order Status Wishlist Returns and Exchanges Our Company About us Careers Shipping About us You can edit the text in Cms > Static Blocks > footer block. The block code is: About us Argento is more than just another template created for Magento. It was created right from the ground based on the best ecommerce stores practices. Social icons You can add or remove additional links in Cms > Static Blocks > footer_social block. Here is a full list of supported icons: Join our community Facebook Twitter YouTube Rss Newsletter subscribe Please use the following code in order to display this block: {{block type="newsletter/subscribe" name="newsletter.footer" template="newsletter/subscribe.phtml"}} Call us block Call us 1.800.555.1903 We're available 24/7. Please note the more accurate the information you can provide us with the quicker we can respond to your query. Copyright block You can change the copyright block by navigating to System > Configuration > General > Design. The copyright information can be edited in the footer field. Additional links block You can find the code of the block at app/design/frontend/base/default/layout/page.xml file. Please notice, that all links are collected from different xml files. For example, if you want to edit the Advanced search link, you have to find app/design/frontend/base/default/layout/catalogsearch.xml file. Then please enter the following code: Search Terms Search Terms Advanced Search Advanced Search

Question 9

Magento 2. Mall homepage

Accepted Answer

Argento Mall homepage is a standard Magento’s CMS page. You can edit it at Magento Admin > Content > Pages > Argento Mall page. In the KB article, we show you the main elements of the homepage. You will see the code of the homepage elements. So you can always use them to find and edit the required element faster. Note: We recommend disabling the WYSIWYG editor before you start editing homepage content. The homepage uses a bunch of widgets with a broad range of customization options. You can structure elements with Argento grid system classes (col-md-8, col-md-4 etc) as well. Slider and Banners The Mall homepage slider is powered by Easy Slider. Visit the module page to see the full list of customization options. You can edit slider at Magento Admin > Swissup > General > EasySlide page. Newsletter - is a standard Magento Newsletter\Block\Subscribe block. Free Shipping banner is powered by EasyBanner module. You can add or configure banners at Admin > Swissup > EasyBanner > Manage Banners. Here is a piece of CMS Page content: {{widget type="Swissup\EasySlide\Block\Slider" identifier="argento_mall"}} {{block class="Magento\Newsletter\Block\Subscribe" template="subscribe.phtml"}} {{widget type="Swissup\Easybanner\Block\Placeholder" placeholder="argento_mall_home_top"}} Sidebar navigation Here is the code for the sidebar navigation: {{block class="Magento\Theme\Block\Html\Topmenu" name="nav-homepage-left" before="-" template="Magento_Theme::html/home-menu-left.phtml"}} Deal of the Week, Editor Choice, Video of the Day {{widget type="Swissup\Highlight\Block\ProductList\Onsale" title="Deal of the week" products_count="1" column_count="1" order="default" dir="desc" template="Swissup_Highlight::product/list.phtml" mode="grid"}} {{widget type="Swissup\Highlight\Block\ProductList\Attribute\Yesno" title="Editor's choice" attribute_code="recommended" products_count="1" column_count="1" order="default" dir="asc" template="Swissup_Highlight::product/list.phtml" mode="grid"}} {{widget type="Magento\Cms\Block\Widget\Block" template="widget/static_block/default.phtml" block_id="video_of_the_day"}} Deal of the Week and Editor Choice blocks are Product Highlight module widgets. Visit the module page to learn more. Video of the Day is Magento CMS Block video_of_the_day. You can edit it at Content > Elements > Blocks. Here is the code for the block: Video of the day Amazing Canon Rebel XSi commercial that I saw on TV the other day. Featured Products Here is code for the block: {{widget type="Swissup\Highlight\Block\ProductList\Featured" title="Featured Products" products_count="6" column_count="3" order="default" dir="asc" template="Swissup_Highlight::product/list.phtml" mode="grid"}} The featured Products block is the widget of the Highlight module. New Products Slider {{widget type="Swissup\Highlight\Block\ProductList\NewList" title="New Products" carousel="1" products_count="4" column_count="4" page_count="5" order="default" dir="desc" template="Swissup_Highlight::product/list.phtml" mode="grid" show_page_link="0" hide_when_filter_is_used="0"}} New Products Slider is a Highlight module widget wrapped with Slick Carousel slickwrapper. Whole homepage content In case if you’ve lost original homepage content, you can get it below: {{{widget type="Swissup\EasySlide\Block\Slider" identifier="argento_mall"}} {{block class="Magento\Newsletter\Block\Subscribe" template="subscribe.phtml"}} {{widget type="Swissup\Easybanner\Block\Placeholder" placeholder="argento_mall_home_top"}} {{block class="Magento\Theme\Block\Html\Topmenu" name="nav-homepage-left" before="-" template="Magento_Theme::html/home-menu-left.phtml"}} {{widget type="Swissup\Highlight\Block\ProductList\Onsale" title="Deal of the week" products_count="1" column_count="1" order="default" dir="desc" template="Swissup_Highlight::product/list.phtml" mode="grid"}} {{widget type="Swissup\Highlight\Block\ProductList\Attribute\Yesno" title="Editor's choice" attribute_code="recommended" products_count="1" column_count="1" order="default" dir="asc" template="Swissup_Highlight::product/list.phtml" mode="grid"}} {{widget type="Magento\Cms\Block\Widget\Block" template="widget/static_block/default.phtml" block_id="video_of_the_day"}} {{widget type="Swissup\Highlight\Block\ProductList\Featured" title="Featured Products" products_count="6" column_count="3" order="default" dir="asc" template="Swissup_Highlight::product/list.phtml" mode="grid"}} {{widget type="Swissup\Highlight\Block\ProductList\NewList" title="New Products" carousel="1" products_count="4" column_count="4" page_count="5" order="default" dir="desc" template="Swissup_Highlight::product/list.phtml" mode="grid" show_page_link="0" hide_when_filter_is_used="0"}}

Question 10

Magento 1. Argento Essence Configuration

Accepted Answer

You can find theme settings at System > Configuration > TM Argento Themes > Argento Background Argento Default theme allows you to set up the background for the following sections: Option Description Body Visible, when boxed layout is used. Otherwise container background covers body Page content Different page font can be applied Top toolbar container Black stripe at the top of the page Header container Header itself, including navigation Navigation container Top navigation stripe Navigation Top links navigation block Footer toolbar container Footer stripe with newsletter block and social icons Footer CMS container Footer CMS block Footer container Footer without cms part Scroll up element You can edit the background color and the hover state background color. Top navigation styles You can change font, color, background for top level categories and for the rest of levels separately. Button styles You can use the Ultimate CSS Gradient Generator in order to generate css code for button you like. Copy the code output and save it to the System > Configuration > Templates Master > [Your Theme] > Addional css > Css styles field. button.button span { border-radius: 6px; color: #fff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3); box-shadow: 1px 2px 2px -1px rgba(0, 0, 0, 0.3); background: #f3920b; background: -moz-linear-gradient(top, #FFAF12 0%, #ED8108 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFAF12), color-stop(100%,#ED8108)); background: -webkit-linear-gradient(top, #FFAF12 0%,#ED8108 100%); background: -o-linear-gradient(top, #FFAF12 0%,#ED8108 100%); background: -ms-linear-gradient(top, #FFAF12 0%,#ED8108 100%); background: linear-gradient(to bottom, #FFAF12 0%,#ED8108 100%); } Product page tabs fonts and colors You can change font and color settings for the product page tabs. There are separate options for :hover and :active tab states also. Page title and sidebar fonts Want to include nice webfont and apply it to the page titles? Use this section for this purpose. There are separate options for the following titles: Page title Sidebar title Product name link in listing Product collateral blocks font Additional css styles and includes With additional css styles option, you can apply any css changes, that are not listed above.

Question 11

Magento 1. Argento Essence Header

Accepted Answer

Custom header links block In order to edit the custom header links block, please navigate to CMS > Static blocks > header_links. The default block’s code is support faq knowledge base Language switcher block The call of this block is located in app/design/frontend/argento/default/template/page/html/header.phtml. Please look at the Line 33 : Welcome message In order to edit Magento default welcome message string, please go System > Configuration > Design > Header page. Make changes in the Welcome Text field. Default top links block This block is based on container created in page.xml file. Each link is created at corresponding module xml file. For example, My account link is created in customer.xml file with the following code: My Account My Account 10 rel="nofollow" Logo Step 1 In order to replace demo logo with your own, please upload your image to skin/frontend/argento/argento/images/logo.gif via ftp manager. If your image has different name or file format, you will need to proceed to step 2. Step 2 Navigate to Magento configuration: System > Configuration > Design > Header and change values of Logo Image Src and Small Logo Image Src options according to your file name. Step 3 In order to provide sharp images for devices with high DPI ratio (retina displays), you’ll need to upload twice large logo’s as follows: skin/frontend/argento/argento/images/logo.gif in case if original logo name was logo.gif Header Callout In order to edit this block, please navigate to CMS > Static Blocks > Header Collout. The default block code is: Top Cart block Argento Default theme utilizes Ajax Pro module for the cart block’s functioning in the top of the page. You can find the code in app/design/frontend/argento/default/template/ajaxpro/top/headerCart.phtml. Search Argento Default theme utilizes Ajax Search module for the search functionality. You can configure Suggestion popup and Search engine settings at System > Configuration > Templates-Master > Ajax Search Navigation Argento Default theme utilizes NavigationPro module for top navigation. You can configure Menu items at Templates-Master > Navigation Pro.

Question 12

Magento 1. Argento Essence Product Page

Accepted Answer

Layout Argento Default is using page_two_columns_right layout for the product page. To change it to another one, create custom.xml file and add the following instruction: Possible values for handle variable: page_two_columns_left page_two_columns_right page_three_columns page_one_column Content Images Product image and gallery is powered by LightboxPro module, that has a lot of configuration optins at System > Configuration > Template-Master > LightboxPro section. It allows you to configure the following options: Image dimensions Gallery controls Overlay settings Popup settings Product Labels The display of the label on product is powered by Prolabels module. You can add custom label or assign it to any items on the Product page at Templates-Master > Prolabels backend page. Tabs Argento tabs is powered by EasyTabs module. You can add or remove additional tabs from Templates-Master > Easy Tabs page. The following tabs are shown by default: Product Description Additional Information Tags Reviews Questions All of these tabs are standard Magento features except Questions. It’s an AskIt powered block. This block is very handy for customers that are not sure about the product or sevices and have some questions to ask. Soldtogether blocks Soldtogether powered blocks. You can customize these blocks from System > Configuration > Tempaltes-Master > SoldTogether section. Configuration provides the following options: Products count Columns count Amazon style for Frequently bought together block Frequently bought together You can edit the block by navigating to System > Configuration > Tempaltes-Master > SoldTogether > Frequently Bought Together Customers who bought this item also bought You can edit the block by navigating to System > Configuration > Tempaltes-Master > SoldTogether > Customer Bought Together

Question 13

Magento 1. Argento Essence Checkout Page

Accepted Answer

Short header and footer layout Short header and footer layout is used to increse conversion rate. You can disable short header and footer using custom layout update file page/html/header.phtml page/html/footer.phtml

Question 14

Magento 1. Mall Homepage

Accepted Answer

Homepage content is editable at Cms > Pages interface. Slider Slider is powered by EasySlider module. You can manage each slide and animation effects at Templates-Master > Easyslide backend page. Slider is placed by widget. The following code is used to display the slider on the homepage: {{widget type="easyslide/insert" slider_id="argento_mall"}} Free shipping Banner The banner is powered by EasyBanner module. You can add or configure banners at Templates-Master > Easybanner. You can look at the code that was used to show the homepage banner: {{widget type="easybanner/widget_placeholder" placeholder_name="argento-mall-home-top"}} Newsletter subscribe Please use the following code in order to display this block: {{block type="newsletter/subscribe" name="homepage.newsletter" template="newsletter/subscribe.phtml"}} Sidebar navigation The following code is used in order to display the sidebar navigation: {{block type="navigationpro/navigation" template="tm/navigationpro/sidebar.phtml" name_in_layout="navpro-homepage-left" menu_name="argento_mall_left" enabled="1"}} Homepage content blocks Deal of the week Block code is: {{block type="highlight/product_special" name="homepage.special" title="Deal of the week" class_name="block block-alt" products_count="1" column_count="1" template="tm/highlight/product/grid.phtml"}} Editor choice Block code is: {{block type="highlight/product_attribute_yesno" attribute_code="recommended" class_name="editor-choice block block-alt" name="homepage.editor_choice" title="Editor choice" products_count="1" column_count="1" template="tm/highlight/product/grid.phtml"}} Video of the day Block code is: Amazing Canon Rebel XSi commercial that I saw on TV the other day. Featured Products In order to display the block with Featured Products, please use the following code: {{block type="highlight/product_featured" name="homepage.featured" class_name="block block-featured-homepage" title="Featured products" products_count="6" column_count="3" template="tm/highlight/product/grid-wide.phtml"}} New Products Slider New Products slider is a simple cms content, powered with javascript to make slider. Look at the code, that was used to show this slider: {{block type="highlight/product_new" name="homepage.new" title="New products" products_count="30" template="tm/highlight/product/slider.phtml"}}

Question 15

Magento 1. Mall Header

Accepted Answer

Custom header links block In order to edit the custom header links block, please navigate to CMS > Static blocks > header_links. The default block’s code is support faq knowledge base Welcome message In order to edit Magento default welcome message string, please go System > Configuration > Design > Header page. Make changes in the Welcome Text field. Default top links block This block is based on container created in page.xml file. Each link is created at corresponding module xml file. For example, My account link is created in customer.xml file with the following code: My Account My Account 10 rel="nofollow" Logo Step 1 In order to replace demo logo with your own, please upload your image to skin/frontend/argento/mall/images/logo.gif via ftp manager. If your image has different name or file format, you will need to proceed to step 2. Step 2 Navigate to Magento configuration: System > Configuration > Design > Header and change values of Logo Image Src and Small Logo Image Src options according to your file name. Step 3 In order to provide sharp images for devices with high DPI ratio (retina displays), you’ll need to upload twice large logo’s as follows: skin/frontend/argento/mall/images/logo.gif in case if original logo name was logo.gif Top Cart block Argento Mall utilizes Ajax Pro module for the cart block’s functioning in the top of the page. You can find the code in app/design/frontend/argento/mall/template/ajaxpro/top/headerCart.phtml. Search Argento Mall utilizes Ajax Search module for the search functionality. You can configure Suggestion popup and Search engine settings at System > Configuration > Templates-Master > Ajax Search Navigation Argento Mall utilizes NavigationPro module for top navigation. You can configure Menu items at Templates-Master > Navigation Pro.

Question 16

Magento 1. Mall Configuration

Accepted Answer

You can find theme settings at System > Configuration > TM Argento Themes > Argento Mall Background Argento Mall theme allows you to set up the background for the following sections: Option Description Body Visible, when boxed layout is used. Otherwise container background covers body Header bacground Header itself, including top navigation Scroll up element You can edit the background color and the hover state background color. Top navigation You can change font, color, background for top level categories and for the rest of levels separately. Sidebar The following parts of sidebar are available to be changed: the block title, the block title font and the block content. Button styles You can use the Ultimate CSS Gradient Generator in order to generate css code for button you like. Copy the code output and save it to the System > Configuration > Templates Master > [Your Theme] > Addional css > Css styles field. button.button span { border-radius: 6px; color: #fff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3); box-shadow: 1px 2px 2px -1px rgba(0, 0, 0, 0.3); background: #f3920b; background: -moz-linear-gradient(top, #FFAF12 0%, #ED8108 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFAF12), color-stop(100%,#ED8108)); background: -webkit-linear-gradient(top, #FFAF12 0%,#ED8108 100%); background: -o-linear-gradient(top, #FFAF12 0%,#ED8108 100%); background: -ms-linear-gradient(top, #FFAF12 0%,#ED8108 100%); background: linear-gradient(to bottom, #FFAF12 0%,#ED8108 100%); } Product page tabs fonts and colors You can change font and color settings for the product page tabs. There are separate options for :hover and :active tab states also. Page title and sidebar fonts You can apply the webfont to page titles. There are separate options for the following titles: Page title Sidebar title Product name link in listing Product collateral blocks font Additional css styles and includes With additional css styles option, you can apply any css changes, that are not listed above.

Question 17

Magento 1. Mall Checkout Page

Accepted Answer

Short header and footer layout Short header and footer layout is used to increse conversion rate. You can disable short header and footer using custom layout update file page/html/header.phtml page/html/footer.phtml

Question 18

Magento 1. Pure Product Page

Accepted Answer

Layout Argento Pure is using page_two_columns_right layout for the product page. To change it to another one, create custom.xml file and add the following instruction: Possible values for handle variable: page_two_columns_left page_two_columns_right page_three_columns page_one_column Content Images Product image and gallery is powered by LightboxPro module, that has a lot of configuration optins at System > Configuration > Template-Master > LightboxPro section. It allows you to configure the following options: Image dimensions Gallery controls Overlay settings Popup settings Product labels The display of the label on product is powered by Prolabels module. You can add custom label or assign it to any items on the Product page at Templates-Master > Prolabels backend page. Colorswatches Catalog Configurable Swatches - is a standard Magento feature since 1.9.1, which is fully integrated with the following Argento modules: AjaxPro AjaxSearch LightboxPro You can read this great tutorial by sherodesigns about color swatches configuration. Tabs Argento tabs is powered by EasyTabs module. You can add or remove additional tabs from Templates-Master > Easy Tabs page. The following tabs are shown by default: Product Description Additional Information Tags Reviews Questions All of these tabs are standard Magento features except Questions. It’s an AskIt powered block. This block is very handy for customers that are not sure about the product or sevices and have some questions to ask. Soldtogether blocks Soldtogether powered blocks. You can customize these blocks from System > Configuration > Templates-Master > SoldTogether section. Configuration provides the following options: Products count Columns count Amazon style for Frequently bought together block Frequently bought together You can edit the block by navigating to System > Configuration > Tempaltes-Master > SoldTogether > Frequently Bought Together Customers who bought this item also bought You can edit the block by navigating to System > Configuration > Tempaltes-Master > SoldTogether > Customer Bought Together

Question 19

Magento 1. Pure Header

Accepted Answer

Welcome message In order to edit Magento default welcome message string, please go System > Configuration > Design > Header page. Make changes in the Welcome Text field. Default top links block This block is based on container created in page.xml file. Each link is created at corresponding module xml file. For example, My account link is created in customer.xml file with the following code: My Account My Account 10 rel="nofollow" Logo Step 1 In order to replace demo logo with your own, please upload your image to skin/frontend/argento/mall/images/logo.gif via ftp manager. If your image has different name or file format, you will need to proceed to step 2. Step 2 Navigate to Magento configuration: System > Configuration > Design > Header and change values of Logo Image Src and Small Logo Image Src options according to your file name. Step 3 In order to provide sharp images for devices with high DPI ratio (retina displays), you’ll need to upload twice large logo’s as follows: skin/frontend/argento/pure/images/logo.gif in case if original logo name was logo.gif Free Shipping block In order to edit this block, please go System > CMS > Static Blocks > Header_callout. The default block code is: Top Cart block Argento Pure utilizes Ajax Pro module for the cart block’s functioning in the top of the page. You can find the code in app/design/frontend/argento/pure/template/ajaxpro/top/headerCart.phtml. Search Argento Pure utilizes Ajax Search module for the search functionality. You can configure Suggestion popup and Search engine settings at System > Configuration > Templates-Master > Ajax Search Navigation Argento Mall utilizes NavigationPro module for top navigation. You can configure Menu items at Templates-Master > Navigation Pro.

Question 20

Magento 1. Pure Configuration

Accepted Answer

You can find theme settings at System > Configuration > TM Argento Themes > Argento Pure Background Argento Pure theme allows you to set up the background for the following sections: Option Description Body Visible, when boxed layout is used. Otherwise container background covers body Page content Different page font can be applied Scroll up element You can edit the background color and the hover state background color. Top navigation You can change font, color, background for navigation container, top level categories and for the rest of levels separately. Buttons There are settings for primary, alternate and “Add to cart” button on product page: Background Font color Hover state settings Button styles You can use the Ultimate CSS Gradient Generator in order to generate css code for button you like. Copy the code output and save it to the System > Configuration > Templates Master > [Your Theme] > Addional css > Css styles field. button.button span { border-radius: 6px; color: #fff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3); box-shadow: 1px 2px 2px -1px rgba(0, 0, 0, 0.3); background: #f3920b; background: -moz-linear-gradient(top, #FFAF12 0%, #ED8108 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFAF12), color-stop(100%,#ED8108)); background: -webkit-linear-gradient(top, #FFAF12 0%,#ED8108 100%); background: -o-linear-gradient(top, #FFAF12 0%,#ED8108 100%); background: -ms-linear-gradient(top, #FFAF12 0%,#ED8108 100%); background: linear-gradient(to bottom, #FFAF12 0%,#ED8108 100%); } Product page tabs fonts and colors You can change font and color settings for the product page tabs. There are separate options for :hover and :active tab states also. Page title and sidebar fonts You can apply the webfont to page titles. There are separate options for the following titles: Page title Sidebar title Product name link in listing Product collateral blocks font Additional css styles and includes With additional css styles option, you can apply any css changes, that are not listed above.

Question 21

Magento 1. Pure Checkout Page

Accepted Answer

Short header and footer layout Short header and footer layout is used to increse conversion rate. You can disable short header and footer using custom layout update file page/html/header.phtml page/html/footer.phtml

Question 22

Magento 2 Required parameter ‘theme_dir’ was not passed" error

Accepted Answer

Such errors may happen if you have “virtual” themes instead of “normal”. This sometimes happens during the upgrade. The issue described in detail under Let’s fix the "Required parameter 'theme_dir' was not passed" error article. Here a list of steps on how to fix the error. Go to PhpMyAdmin > Your Magento2 database. Find the "theme" table. Make sure that all theme types are set to '0'. In case any of them have type = '1' change it to '0'. That's it. Please check. We think the error has already been fixed.

Question 23

Troubleshooting Checklist

Accepted Answer

Please review the following checklist before submitting a ticket. It will help you to identify and eliminate any known problems. It may happen that problems are not related to our themes or modules. Then it takes much time to get your credentials, log in to the server, and find out the problem solution. By checking the troubleshooting checklist you may see some obvious things. Thus you'll resolve a problem faster. #1 Check if you have the latest Argento version. Go Admin > Swissup > Module Management - modules’ versions should be GREEN Please UPGRADE when required. Clear cache and test if the error is still there. #2 Switch your current Argento theme design to Magento default LUMA Go Admin > Content > Configuration > Find your theme > Edit > Set Magento Luma Clear cache and test the behavior at the default theme #3 Disable all Swissup modules. Please run the following terminal command from your store root folder. bin/magento module:status | grep 'Swissup_' | xargs bin/magento module:disable Now clear cache and test if the error is still there. #4 Disable all 3rd-party modules. Clear cache and test if the error is still there. If none of the previous actions haven’t fixed/removed the problem, please create a ticket in Argento Helpdesk. Send the store credentials (SSH/FTP/Magento admin etc.) if required. You can also add the screenshots to help us understand the issue faster.

Question 24

Breeze module with Argento theme. Benefits of using.

Accepted Answer

Benefits of using the Breeze module with Argento theme. What is Breeze? This is the module that creates the fastest frontend for your Magento 2 store. This is accomplished by replacing JS scripts with simplified versions. When installing the module, it removes all custom and third-party scripts. Thereby, the Breeze enables an alternative JS frontend at your site. When installed, the module brings so many benefits: Makes your store pages lightweight. The page weight affects site speed, thus with the module, you reduce Magento 2 page load time. Get your site to the top of the search. Breeze addresses the speed issues, and thus creates fast loading websites. That will be highly estimated by the Google page ranking algorithm. Lowers the bounce rate. With the improved score on Google PageSpeed Insights and higher ranks, your store keeps your visitors engaged. Increase your sales. Cutting page load time results in improved customer experience. It leads to raised credibility, repeat clients, and increased sales afterward. Important notice Argento theme has been compatible with the Breeze module since the 1.22.8 release. With enabled Page Speed and Breeze modules, we achieved 80+ on mobile performance on Google PageSpeed Insights.

Question 25

Can I use third-party modules with Argento in Breeze?

Accepted Answer

Will it work with my theme? Please check first list of compatible modules at official Breeze page Yes. However, all custom scripts will not work out of the box. You’ll have to prepare all your theme JS to work with Breeze. Do as follows: We suppose your theme has web/js/theme.js file: define([ 'jquery' ], function ($) { 'use strict'; $('.panel.header > .header.links').clone().appendTo('#store\.links'); }); Now you have to copy the logic from this file to the Breeze-powered theme. Please create a Magento_Theme/layout/breeze_default.xml layout update file with the following content: js/breeze/theme Then, create the JS file itself web/js/breeze/theme.js and edit the file to get it to work without jQuery and other libraries that are not available in Breeze: (function () { 'use strict'; $('.panel.header > .header.links').clone().appendTo( document.getElementById('store.links') ); })(); Read more about Breeze js libraries. Will it work with a custom module? If your module uses custom scripts, it will not work. Yet, to make it possible, you have to integrate your module with Breeze. Please follow the steps mentioned in the Breeze module docs.

Question 26

Breeze FAQ

Accepted Answer

What is working with Breeze, and what is not. Support of Magento 2 pages The Breeze module supports the following Magento 2 pages: Home and other CMS pages Category page Product page Search and Advanced Search Account Contact us Support of Magento 2 products The following product types are supported: Simple Configurable Virtual Downloadable Grouped Support of Magento 2 features Add to cart, compare, and wishlist Configurable Swatches Minicart popup Recently viewed products Product page gallery Form validators Quick search Google analytics Cookie restriction mode MAP popup Paypal buttons Varnish cache (ESI blocks) What doesn't the Breeze module work with? Custom javascript RequireJs modules jQuery widgets Magento UI components

Question 27

What Magento edition Argento is compatible with?

Accepted Answer

Our premium Magento 2 theme supports both Commerce and Community Editions right out of the box. We tested Argento with the following Magento 2 versions: 2.2.6, 2.2.7, 2.2.8, 2.2.9, 2.2.10, 2.3.0, 2.3.1, 2.3.2, 2.3.3, 2.3.4, 2.3.5, 2.3.6, 2.3.7, 2.4.0, 2.4.1, 2.4.2. Make sure you follow our news about changes in Magento 2 templates. There you can always see the latest compatibility notice.

Question 28

Install Magento 2 Argento theme

Accepted Answer

Installing Argento themes is available via the composer or marketplace module. Choose your own the fastest way to install. Please visit the Argento Theme Installation page to see the instructions.

Question 29

Magento 2. Home homepage

Accepted Answer

Argento Home homepage is a standard Magento’s CMS page. You can edit it at Magento Admin > Content > Pages page. A page title is Argento Home. Url - home. In the KB article, we show you the main elements of the homepage. You will see the code of the homepage elements. So you can always use them to find and edit the required element faster. Note: We recommend disabling the WYSIWYG editor before you start editing homepage content. The homepage uses a bunch of widgets with a broad range of customization options. Currently, the homepage is built with jumbotrons. We used a similar approach in Argento Flat. Read the Jumbotron customization article. You can structure elements with Argento grid system classes (col-md-8, col-md-4 etc) as well. Slider The top homepage slider is powered by Easy Slider. Visit the module page to see the full list of customization options. Slider identifier is argento_home. Here is a piece of CMS Page content that adds slider: {{widget type="Swissup\EasySlide\Block\Slider" identifier="argento_home"}} The Essentials Row with “The Essentials” links is a mix of HTML and Easy Catalog Images widget. Widget shows first-level categories and their thumbnails. HTML wraps it with specific classes and adds title to the top. Here the piece of CMS Page content that adds this row: The essentials Affordable interior for everyone {&#123widget type="Swissup\Easycatalogimg\Block\Widget\SubcategoriesList" category_count="100" subcategory_count="0" column_count="3" show_image="1" image_width="320" image_height="320" template="Swissup_Easycatalogimg::list.phtml" hide_when_filter_is_used="0"}} Explore Our Store Here are 4 tabs shown: New Products, Special Offer, Bestsellers, Popular Products. It is powered by Easy Tabs module. You can add/remove tabs, change tabs layout, etc. Visit the module page to learn more. Here is the piece of CMS Page content that adds tabs: Explore our store {{widget type="Swissup\Easytabs\Block\WidgetTabs" filter_tabs="new.products,special.offer,bestsellers,popular" tabs_layout="collapsed" template="Swissup_Easytabs::tabs.phtml"}} Our Brands This row is slider with brands your store offers. It is regular HTML content presented as a slider with Slick Carousel. Here is the piece of CMS Page content for this section: Our brands Block “Try Now” This is pure HTML content. It helps you to show off your products, design solutions or special bundles. Here is the piece of CMS Page content for “Try Now” block: Innovative experience Custom interior design suggestions Try out now Our clients love us This row has a slider with clients' feedback about their experience with your store. We used a Testimonials module's widget to show it. Visit the module page to learn about advanced possibilities. Here is the piece of CMS Page content that adds clients feedback: {{widget type="Swissup\Testimonials\Block\Widgets\Slider" items_number="6" title="Our clients love us" slides_to_show="3" show_rating="1"}}

Question 30

Magento 2. Force homepage

Accepted Answer

Argento Force homepage is a standard Magento’s CMS page. You can edit it at Magento Admin > Content > Pages page. A page title is Argento Force. Url - home. In the KB article, we show you the main elements of the homepage. You will see the code of the homepage elements. So you can always use them to find and edit the required element faster. Note: We recommend disabling the WYSIWYG editor before you start editing homepage content. The homepage uses a bunch of widgets with a broad range of customization options. Currently, the homepage is built with jumbotrons. We used a similar approach in Argento Flat. Read the Jumbotron customization article. You can structure elements with Argento grid system classes (col-md-8, col-md-4 etc) as well. Slider The top homepage slider is powered by Easy Slider. Visit the module page to see the full list of customization options. Slider identifier is argento_force. Here is a piece of CMS Page content that adds slider: {{widget type="Swissup\EasySlide\Block\Slider" identifier="argento_force"}} Hot Stuff Row with “Hot Stuff” links is a CMS Block. Block identifier is hot-stuff. And its content is structured with the Argento grid system. Once again we recommend to disable WYSIWYG editor before editing this block. Here the piece of CMS Page content that adds this row: {{widget type="Magento\Cms\Block\Widget\Block" template="widget/static_block/default.phtml" block_id="hot-stuff"}} CMS Block hot-stuff original content Hot Stuff 2019 Running Collection Save on our running shorts collection Shop Now Find Your Perfect Outfit From accessories to t-shirts and more Shop Now Save At Least 30% Save on our dhb Aeron shorts collection Shop Now ‘Ready to Go’ categories This row shows the first four top-level categories of your store and encourages the user to browse them. It is powered by Easy Catalog Images module. Visit the module page to learn more. Here is a piece of CMS Page content that adds categories: Ready to Go {{widget type="Swissup\Easycatalogimg\Block\Widget\SubcategoriesList" category_count="4" subcategory_count="0" column_count="4" show_image="1" image_width="500" image_height="500" template="Swissup_Easycatalogimg::list.phtml" hide_when_filter_is_used="0" layout_style="force"}} All Departments If you want to change text “Ready to Go”, you have to edit text in: ... Try to keep this phrase short so it fits into a block. Bestsellers This section represents the best selling goods at your store. It is powered by a Highlight module. The module has plenty of different widgets and some pages even. Visit the module page to learn more. Note: If your store has been established recently, so there is no clear best selling stuff, then you may show here new products. Or some featured ones. The Highlight module has a widget for every possible product list. Here is a piece of CMS Page content for bestsellers: {{widget type="Swissup\Highlight\Block\ProductList\All" title="Bestsellers" carousel="0" products_count="4" column_count="4" page_count="1" order="default" dir="asc" template="Magento_Catalog::product/list.phtml" mode="grid" conditions_encoded="^[`1`:^[`type`:`Magento||CatalogWidget||Model||Rule||Condition||Combine`,`aggregator`:`all`,`value`:`1`,`new_child`:``^]^]" hide_when_filter_is_used="0" period="P1Y" show_page_link="1" page_link_position="bottom" page_link_title="Shop Now" page_url="highlight/bestsellers.html" min_popularity="1"}} New collection The New Collection is a banner created with EasyBanner module. Visit the module page to see the full list of features. This banner is assigned to placeholder argento_force_home Here is code that adds a placeholder on the homepage: {{widget type="Swissup\Easybanner\Block\Placeholder" placeholder="argento_force_home"}} Get There With Us This is one more CMS Block. Here you can describe why you are doing your business. For instance, it allows you to: Show goals and top priority of your company Add payment security badges Guarantee quality and moneyback Say about your shipping policy Block identifier is benefits. Content is structured with Argento grid system. Here is a piece of CMS Page content with the block. {{widget type="Magento\Cms\Block\Widget\Block" template="widget/static_block/default.phtml" block_id="benefits"}} CMS Block ‘benefits’ original content Get There With Us We are cyclists, runners, swimmers, triathletes, hikers, and gym-goers. We understand how it feels to GET THERE - that feeling when, whatever your sport, whatever your level, you go further, push harder, get better, and the impossible suddenly feels like home. Like you, we’ve overcome our barriers, including the snooze button. Mostly. We feel the same rush of hitting that peak, climbing that gradient, and beating that time. We’ve had days we’d like to forget but still can’t wait to get out there again. We savor those training days with our mates, and the solitary sessions that clear our heads. Secure Payments Order online, avoid the shipping costs, and collect your items...

Question 31

Magento 2. Stripes homepage

Accepted Answer

Argento Force homepage is a standard Magento’s CMS page. You can edit it at Magento Admin > Content > Pages > Argento Stripes page. In the KB article, we show you the main elements of the homepage. You will see the code of the homepage elements. So you can always use them to find and edit the required element faster. Note: We recommend disabling the WYSIWYG editor before you start editing homepage content. The homepage uses a bunch of widgets with a broad range of customization options. You can structure elements with Argento grid system classes (col-md-8, col-md-4 etc) as well. Slider The homepage slider is powered by Easy Slider. Visit the module page to see the full list of customization options. Here is a piece of CMS Page content that adds slider: {{widget type="Swissup\EasySlide\Block\Slider" identifier="argento_stripes"}} Top Banners We created top banners with the Easy Banner module. You can edit banners at Magento Admin > Swissup > Easy Banner > Manage Banners page. Here the piece of CMS Page content: {{widget type="Swissup\Easybanner\Block\Placeholder" placeholder="argento_stripes_home_top"}} Bestsellers Bestsellers blocks are powered by the Product Highlight module using Magazine Layout. Visit the module page to learn more. To change block options you can use Magento’s built-in widget editor, or you can manually change appropriate attribute in the code below. {{widget type="Swissup\Highlight\Block\ProductList\All" title="Top Selling Headphones" carousel="1" products_count="8" column_count="4" page_count="1" order="default" dir="asc" template="Magento_Catalog::product/list.phtml" mode="grid" hide_when_filter_is_used="0" css_class="hl-magazine hl-blue hl-contain" title_image_url="pub/media/highlight/argento/stripes/headphones.png" show_page_link="1" page_url="highlight/bestsellers.html" page_link_position="top" page_link_title="View All"}} Note: If your store has been established recently, so there is no clear best selling stuff, then you may show here new products. Or some featured ones. The Highlight module has a widget for every possible product list. Bottom Banners This section is powered by the Easy Banner module. Visit the module page to learn more. The banners are available to edit at Magento Admin > Swissup > Easy Banner > Manage Banners page. Here is a piece of content: {{widget type="Swissup\Easybanner\Block\Placeholder" placeholder="argento_stripes_home_bottom"}} Brand's slider It is a slider with brands your store offers. Easyslide widget wrapped in HTML. Slider identifier is argento_stripes_brands. Here is code that adds a slider to the homepage: {{widget type="Swissup\EasySlide\Block\Slider" identifier="argento_stripes_brands"}} Whole homepage content {{widget type="Swissup\EasySlide\Block\Slider" identifier="argento_stripes"}} {{widget type="Swissup\Easybanner\Block\Placeholder" placeholder="argento_stripes_home_top"}} {{widget type="Swissup\Highlight\Block\ProductList\All" title="Top Selling Headphones" carousel="1" products_count="8" column_count="4" page_count="1" order="default" dir="asc" template="Magento_Catalog::product/list.phtml" mode="grid" hide_when_filter_is_used="0" css_class="hl-magazine hl-blue hl-contain" title_image_url="highlight/argento/stripes/headphones.png" show_page_link="1" page_url="highlight/bestsellers.html" page_link_position="top" page_link_title="View All"}} {{widget type="Swissup\Highlight\Block\ProductList\All" title="Top Selling Smartphones" carousel="1" products_count="8" column_count="4" page_count="1" order="default" dir="asc" template="Magento_Catalog::product/list.phtml" mode="grid" hide_when_filter_is_used="0" css_class="hl-magazine hl-orange hl-contain" title_image_url="highlight/argento/stripes/smartphones.png" show_page_link="1" page_url="highlight/bestsellers.html" page_link_position="top" page_link_title="View All"}} {{widget type="Swissup\Highlight\Block\ProductList\All" title="Top Selling Activity Trackers" carousel="1" products_count="8" column_count="4" page_count="1" order="default" dir="asc" template="Magento_Catalog::product/list.phtml" mode="grid" hide_when_filter_is_used="0" css_class="hl-magazine hl-green hl-contain" title_image_url="highlight/argento/stripes/activity.png" show_page_link="1" page_url="highlight/bestsellers.html" page_link_position="top" page_link_title="View All"}} {{widget type="Swissup\Highlight\Block\ProductList\All" title="Top Selling Smart TVs" carousel="1" products_count="8" column_count="4" page_count="1" order="default" dir="asc" template="Magento_Catalog::product/list.phtml" mode="grid" hide_when_filter_is_used="0" css_class="hl-magazine hl-purple hl-contain" title_image_url="highlight/argento/stripes/smart-tv.png" show_page_link="1" page_url="highlight/bestsellers.html" page_link_position="top" page_link_title="View All"}} {{widget type="Swissup\Highlight\Block\ProductList\All" title="Top Selling Home Electronics" carousel="1" products_count="8" column_count="4" page_count="1" order="default" dir="asc" t...

Question 32

Magento 2. Luxury homepage

Accepted Answer

Argento Luxury homepage is a standard Magento’s CMS page. You can edit it at Magento Admin > Content > Pages > Argento Luxury page. The homepage uses a bunch of widgets with a broad range of customization options. You can structure elements with Argento grid system classes (col-md-8, col-md-4 etc) as well. In the KB article, we show you the main elements of the homepage. Here you will see the code you can always use to find and edit the required element faster. Note: We recommend disabling the WYSIWYG editor before you start editing homepage content. Slider The homepage slider is powered by Easy Slider. Visit the module page to see the list of customization options. Here is a piece of CMS Page content that adds slider: {{widget type="Swissup\EasySlide\Block\Slider" identifier="argento_luxury"}} Category Images Categories list is powered by the Easy Catalog Images module. In order to change columns count, image width, and other options you can use Magento built-in widget editor. You can manually change the appropriate attribute in the code above. Note: Please, upload images in Catalog > Categories > [your category] for thumbnails field. They should have dimensions: width="382px" and height="565px". Here the piece of CMS Page content: {{widget type="Swissup\Easycatalogimg\Block\Widget\SubcategoriesList" category_count="5" column_count="5" show_image="1" image_width="382" image_height="565" resize_image="0" template="Swissup_Easycatalogimg::list.phtml"}} New Products New Products block is powered by Product Highlight module. To change block options you can use Magento’s built-in widget editor. You also can manually change the appropriate attribute in the code below: {{widget type="Swissup\Highlight\Block\ProductList\NewList" title="New Arrivals" products_count="4" column_count="4" order="default" dir="desc" template="Swissup_Highlight::product/list.phtml" mode="grid" show_page_link="1" page_link_position="bottom" page_link_title="Shop Now"}} Wide Banner We created the wide banner with the EasyBanner module. The banner is available to edit at Magento Admin > Swissup > Easy Banner > Manage Banners page. Here is a piece of content: {{widget type="Swissup\Easybanner\Block\Placeholder" placeholder="argento_luxury_home"}} Benefits block Free Delivery Our store delivers an extensive and expertly curated selection of fashion and lifestyle offerings. Secure Payment Our store delivers an extensive and expertly curated selection of fashion and lifestyle offerings. 24h Customer Service Our store delivers an extensive and expertly curated selection of fashion and lifestyle offerings. Brand's slider A slider is powered by Slick Carousel module. Here is code that adds a slider to Luxury homepage: Whole homepage content {{widget type="Swissup\EasySlide\Block\Slider" identifier="argento_luxury"}} {{widget type="Swissup\Easycatalogimg\Block\Widget\SubcategoriesList" category_count="5" column_count="5" show_image="1" image_width="382" image_height="565" resize_image="0" template="Swissup_Easycatalogimg::list.phtml"}} {{widget type="Swissup\Highlight\Block\ProductList\NewList" title="New Arrivals" products_count="4" column_count="4" order="default" dir="desc" template="Swissup_Highlight::product/list.phtml" mode="grid" show_page_link="1" page_link_position="bottom" page_link_title="Shop Now"}} {{widget type="Swissup\Easybanner\Block\Placeholder" placeholder="argento_luxury_home"}} Free Delivery Our store delivers an extensive and expertly curated selection of fashion and lifestyle offerings. Secure Payment Our store delivers an extensive and expertly curated selection of fashion and lifestyle offerings. 24h Customer Service Our store delivers an extensive and expertly curated selection of fashion and lifestyle offerings.

Question 33

Magento 2. Edit theme header with Header Builder.

Accepted Answer

All Argento themes include a Header Builder a part of Theme Editor. The header builder allows you to replace a static Magento header with a fully customizable one. With the Header Builder, it's possible to: enable/ disable configurable header on specific pages edit header seamlessly via a drag-and-drop interface remove blocks from the header set column settings and assign CSS classes for it. preview header layout right in admin with Preview feature. You can resize the preview dragging its corner to test layout on different window sizes. Please save config after creating a custom header, and clear cache.

Question 34

Magento 2. Change page layout.

Accepted Answer

There are 2 ways to change the page layout in Magento 2. In this article, we show you how to change the Magento 2 page layout by creating a custom theme. Please mention that you can also update the layout via Category Page Builder and Product Page Builder. Changing page layout by creating a custom theme Before you start adding a new page layout in Magento 2, make sure you already created a custom theme based on one of Argento themes. Now we are going to update the product page layout to 2columns with the right sidebar. We’ll also update the category layout in Magento 2 to 3columns. Please follow the steps: #1 Create catalog_category_view.xml and catalog_product_view.xml files in the following directory: app/design/frontend/Local/argento-[essence|flat]-custom/Magento_Catalog/layout #2 Add the following content to catalog_category_view.xml file and save it. #3 Add the following content to catalog_product_view.xml file and save it. #4 Clear your store cache Please check the result:

Question 35

Install Magento Argento theme

Accepted Answer

Installing Argento theme is quite a quick and easy process. Please visit the Argento Theme Installation page to see the instructions.

Question 36

What Magento version Argento is compatible with?

Accepted Answer

We always do our best to update the Argento theme to the latest Magento version. That makes it possible to keep the Argento template up to date with security and performance enhancements. For now we ensure compatibility with Magento 2.3.6 and Magento 2.4.1. versions. Please see more details under We keep our theme compatible with Magento 2.3.6 & 2.4.1 editions article.

Question 37

Magento 2. Create a custom theme.

Accepted Answer

Our Argento template can be your powerful tool in building custom themes in Magento 2. Creating an Argento sub-theme gives you unlimited possibilities in theme customization. We don’t say about adding custom CSS, but we focus your attention on changing such things as Layout instructions, Template files, Javascripts, CSS styles. Using the Argento sub-theme, you are doing a favor for your site, because that would mean all Argento files left untouched. It will be safe for you to unpack the new Argento version over the old one without losing your modifications. Let us show how to create a custom theme. You can use our instructions at the Custom Argento Themes Boilerplate free repository. And here we’d like to help you create Magento 2 custom themes manually. Let’s create Local/argento-[essence|flat|pure2|mall|stripes|luxury|force|home]-custom theme based on Swissup/argento-[essence|flat|pure2|mall|stripes|luxury|force|home]. This step-by-step instruction implies that you’ll replace [essence|flat|pure2|mall|stripes|luxury|force|home] entries with theme name, you’d like to use. 1/ Create a folder for your new theme: app/design/frontend/Local/argento-[essence|flat|pure2|mall|stripes|luxury|force|home]-custom 2/Create the following files inside the new theme directory, to register your theme in Magento: composer.json { "name": "local/argento-[essence|flat|pure2|mall|stripes|luxury|force|home]-custom", "type": "magento2-theme", "version": "1.0.0", "require": { "swissup/theme-frontend-argento-[essence|flat|pure2|mall|stripes|luxury|force|home]": "*" }, "autoload": { "files": [ "registration.php" ] } } theme.xml Argento Custom by Local Swissup/argento-[essence|flat|pure2|mall|stripes|luxury|force|home] registration.php

Question 38

Magento 2. Home category page

Accepted Answer

Category page in Argento Home has traditional elements of Magento 2 category page: Category title Layered navigation (when the category is anchored). Or the list of child categories (non-anchored category). Product list with toolbar and pagination. Layout Argento Home uses a 2columns-left layout for the category page. Follow our customization guide to learn how to change Magento 2 layout. You can also use Category page Builder in Theme Editor to update the Argento Home category page layout. Category image The top part of the category page has a slightly different look when a category has an image assigned to it. By default category title placed before all content in the main column. When the category has an image it is shown right after the header and before breadcrumbs. Сategory title placed over category image in such case. Product list We recommend using grid mode for the product list. We consider it the most popular product presentation in eCommerce. The product list is powered by the Hover Gallery module. It shows a different image when the user is hovering over a product image. Visit the module page to learn more. One more feature at product listing is product labels - “NEW”, “10% SALE” etc. It is provided by the ProLabels module. Add to cart popup Magento shows add to cart popup when a user adds the product to the cart from the product list. The product usually has some options to select. This popup is implemented by the Ajax Pro module. Recently viewed One distinct feature of Argento themes is the Recently Viewed block on the category page. This block shows recently viewed products by the current visitors on the current devices/PC. For Argento Home, we put the block to the sidebar.

Question 39

Magento 2. Force category page

Accepted Answer

Argento Force Category page has standard elements of Magento 2 category page: Category title Layered navigation (when the category is anchored). Or the list of child categories (non-anchored category). Product list with toolbar and pagination. Layout Note: to change the layout, you can follow our customization guideor use Category page Builder in Theme Editor to update the Argento Force category page layout. Product List Well, we recommend using grid mode for the product list. We consider it the most popular product presentation on e-commerce sites. We also recommend having only one swatch option available on the product list. It is quite big, so you have to save space on the list. Please enable Use Product Image for Swatch if Possible for the swatch attribute. The product list is powered by the Hover Gallery module. It shows a different image when the user is hovering over a product image. Visit the module page to learn more. One more feature at product listing is product labels - “NEW!”, “-5%” etc. Visit the ProLabels module page to see details. Add to cart popup Magento shows Add to Cart popup when a user tries to add the product to the cart from the product list or in case this product has some options to select. This popup is implemented by the Ajax Pro module. Recently viewed One distinct feature of Argento themes is the Recently Viewed block at the bottom of the category page. This block shows recently viewed products by current visitors on the current device/PC.

Question 40

Magento 2. Stripes category page

Accepted Answer

Argento Stripes Category page uses 2 column layout. Follow our customization guide to learn how to change Magento 2 layout. You can also use Category page Builder in Theme Editor to update the Argento Stripes category page layout. Argento Stripes category page is a standard Magento 2 category page. However there's a possibility to: select a set of attributes and display them on the category page for every product add Special Offers block Let's see how to do that. Special Offers To show special offers block on the selected category, follow the steps: Go to Content > Blocks and create a static block. Insert Highlight widget with Magazine Layout in block content. Select a category in Catalog > Categories and configure Display Settings > Display Mode: Static Block and Products Select created static block in Content > Add CMS Block. Save category and refresh cache. Widget Code: {{widget type="Swissup\Highlight\Block\ProductList\Onsale" title="Special Offers" carousel="1" products_count="3" column_count="3" page_count="3" order="default" dir="desc" template="Magento_Catalog::product/list.phtml" mode="grid" show_page_link="0" hide_when_filter_is_used="1" css_class="hl-magazine hl-blue hl-contain" title_image_url="pub/media/highlight/argento/stripes/headphones-small.png"}} Featured Attributes Stripes theme includes Featured Attributes extension. It allows displaying selected product attributes on the category page. You can select attributes in the module configuration at Magento Admin > Stores > Configuration > Swissup > Featured Attributes. Then the attributes will be shown on hover.

Question 41

Magento 2. Luxury product page

Accepted Answer

Layout Argento Luxury uses 1 column layout for the product page. Follow our customization guide to learn how to change Magento 2 layout. You can also use Product page Builder in Theme Editor to change the Argento Luxury product page layout. Tabs Argento tabs are powered by EasyTabs module. Visit the extension page to learn more. The main tabs can be configured under Swissup > Easytabs > Product Page Tabs and are shown under add to cart box: It is possible to configure additional tabs under Swissup > Easytabs > Widget Tabs. You will see them in content area: There are few tips on how you can move product tabs. For instance, you can set a tab opened automatically on the product page. It is also possible to move product tabs under the product image. Questions The product questions block is powered by Askit module. Visit the module page to learn more. Sold Together blocks You can see Frequently bought together and Customers who bought this item also bought blocks. You can customize these blocks at Stores > Configuration > Swissup > SoldTogether section. This is our module that is a part of all Argento themes. Visit the extension page to learn more.

Question 42

How many stores can I use Argento at?

Accepted Answer

You can use Argento on as many stores as you need. The number of Magento installations is limited to 5 under the standard license.

Question 43

Magento 2. Force product page

Accepted Answer

Layout Argento Force uses a 1column layout for the product page. Follow our customization guide to learn how to change Magento 2 layout. You can also use Product page Builder in Theme Editor to update the Argento Force product page layout. Add to Cart Form The main part of the product page is the “Add to cart” form. You can see it on the top of the page in Argento Force. “Add to cart” consists of the product images gallery (left side) and form itself (right side). The product images gallery is powered by the Lightbox Pro module. With the module, it is possible to change thumbnail position and size, enable zoom, and change image popup type. For add to cart form we recommend: for product “Size” attribute set “Catalog Input Type for Store Owner” as Dropdown for product “Color” attribute set “Catalog Input Type for Store Owner” as Visual Swatch and “Use Product Image for Swatch if Possible” as Yes Please pay attention to the image in the “Add to Cart Form” paragraph. There is a link to “View Sizing Chart”. It opens a sizing chart popup. The “View Sizing Chart” link appears near the size option on every product page. We added it via CMS Block. Block identifier is sizing_chart. If you want to disable the sizing chart, please disable CMS Block via Magento Admin. If you need to modify content of the popup, you have to edit content inside ... Note: remember to disable the WYSIWYG editor before everything. At the bottom of the content with JavaScript, it is possible to rename the link or add it in another place there. It requires basic JavaScript knowledge. Or you can contact our support team. We'll be glad to help you. Here you can see CMS Block original content for sizing chart Sizing Charts Women Size XS S S M M L EU 32 34 36 38 40 42 UK 4 6 8 10 12 14 US 0 2 4 6 8 10 Bust 79.5cm / 31" 82cm / 32" 84.5cm / 33" 89.5cm / 35" 94.5cm / 37" 99.5cm / 39" Waist 61.5cm / 24" 64cm / 25" 66.5cm / 26" 71.5cm / 28" 76.5cm / 30" 81.5cm / 32" Hip 86.5cm / 34" 89cm / 35" 91.5cm / 36" 96.5cm / 38" 101.5cm / 40" 106.5cm / 42" Men Size XS S M L XL XXL UK/US 34 36 38 40 42 44 Neck 37cm / 14.5" 38cm /15" 39.5cm / 15.5" 41cm / 16" 42cm / 16.5" 43cm / 17" Chest 86.5cm / 34" 91.5cm / 36" 96.5cm / 38" 101.5cm / 40" 106.5cm / 42" 111.5cm / 44" Waist 71.5cm / 28" 76.5cm / 30" 81.5cm / 32" 86.5cm / 34" 91.5cm / 36" 96.5cm / 38" Seat 90cm / 35.4" 95cm / 37.4" 100cm / 39.4" 105cm / 41.3" 110cm / 43.3" 115cm / 45.3" Quantity field Qty field is powered by the Quantity Switcher module. By default, the qty field has a dropdown with predefined quantity numbers. You can change the dropdown with arrows. Visit the module page to learn more. Note: for configurable products, the qty dropdown is empty until the user selects all of the product options. Related products There is a list of related products under the form. You can maintain that list by yourself in Magento Admin. Check how to do it at Magento Docs. Sticky to cart button Argento Force has enabled the sticky to cart feature. When the user scrolls down the product page, the “Add to cart” button sticks to the window’s top when the button’s original position is out of the viewport. We disabled Sticky to cart for mobile and devices with small screens. Tabs The next important part of the product page is product tabs. They located under the “Add to Cart” form. Product tabs powered by EasyTabs module. It's possible to rearrange, disable existing and create new tabs with this module. Visit the module page to learn more. Magento creates some tabs for your store during Argento Force installation. Details tab This is the tab with the product description. Argento Force theme has enabled the Photo in Description feature. It adds the product into the description automatically. To disable the feature you need to create a custom theme and set a target as an empty string in view.xml. Review the article about this feature. More Info tab This tab shows additional product attributes. Product attribute must have “Visible on Catalog Pages on Storefront” property, set to Yes. Review the article to know more. Bought Together tab It shows the “Frequently bought together” block of Sold Together module. Visit the module page to learn more. Reviews tab This tab shows product reviews and it is the default Magento functionality. Questions tab This is the product questions tab. It shows the “Product Questions” block of the AskIt module. Visit the module page to learn more. Other tabs For downloadable products, there is a tab with samples. Its alians are samples. Customers … Also Bought At the bottom of the product page, there is a block where you can promote your other products. It is the “Customers Also Bought” by Sold Together module. You can configure the content of this block or show random products from the current category.

Question 44

“Can’t generate content” on Magento 2.2 homepage

Accepted Answer

In case you see the text “Can’t generate content”, let’s fix it. Magento 2.2 version is not using this widget part anymore: conditions_encoded="a:1:[i:1;a:4:[s:4:`type`;s:50:`Magento|CatalogWidget|Model| Rule|Condition|Combine`;s:10:`aggregator`;s:3:`all`;s:5:`value`;s:1:`1`; s:9:`new_child`;s:0:``;]]" Yet it is included in the installation for earlier versions support. Here a list of steps on how to fix the issue. Open your homepage content and turn off the WYSIWYG editor to see the raw code. Find all Highlight widgets. Remove that part conditions_encoded="a:1:[i:1;a:4....;]]" from every widget. Save. We think the issue won’t appear again.

Question 45

Magento 2. Apply a custom theme.

Accepted Answer

After you created the Argento sub-theme, you have to apply it in your store. Please navigate to Stores > Configuration > Design and select your new theme in the Design Theme option dropdown. Since Magento 2.1 version you can find the configuration Content > Design > Configuration. Save Config button. Now you can make any changes without modifying core Argento theme files. NOTE:After enabling the CUSTOM theme the SwissupEditor will not work for it. It works only for native Argento designs. Please, use custom CSS, JS, template editing for changing the custom theme look.

Question 46

Magento 2. Home product page

Accepted Answer

Argento Home uses 1 column layout for the product page. Follow our customization guide to learn how to change Magento 2 layout. You can also use Product page Builder in Theme Editor to update the Argento Home product page layout. Add to Cart Form The main part of the product page is the “Add to cart” form. It is on the top of the page in Argento Home. “Add to cart” consists of the product images gallery (left side) and form itself (right side). The product images gallery is powered by the Lightbox Pro module. With the module, you can edit thumbnails' position and size, enable zoom, and change the image popup type. Quantity field Qty field is powered by the Quantity Switcher module. By default, the qty field has “+” and “-“ buttons to change value. You can change +/- buttons (arrows) with a dropdown. Visit the module page to see more. Note: For configurable products, qty buttons don’t change value until the user selects all of the product options. Frequently Bought Together It is the “Frequently bought together” block of Sold Together module. Visit the module page to learn more. Tabs The next important part of the product page is product tabs. They located under the “Add to Cart” form (or “Frequently Bought Together” block when it is visible). Product tabs are powered by the EasyTabs module. With the module, you can rearrange tabs, disable existing and create new tabs. Visit the module page to learn more. Details tab This is the tab with the product description. Argento Home has enabled the Photo in Description feature. It automatically adds the product to the description. To disable the feature you need to create a custom theme and set the target as an empty string in view.xml. For more details check the article about this feature. Note: you can disable “Photo in Description” via theme editor. Check product page builder. Subsection “Additional”. Reviews tabs This tab shows product reviews and it is the default Magento functionality. Questions tab This is the product questions tab. It shows the “Product Questions” block of the AskIt module. Visit the module page to learn more. Customers … Also Bought At the bottom of the product page, there is a block where you can promote your other products. It is the “Customers Also Bought” feature of Sold Together module. You can configure the content of this block or show random products from the current category. Visit the module page to learn more.

Question 47

Magento 2. Stripes product page

Accepted Answer

Layout Argento Stripes uses a 1column layout for the product page. Follow our customization guide to learn how to change Magento 2 layout. You can also use Product page Builder in Theme Editor to update the Argento Stripes product page layout. Add to Cart Form The quantity field is hidden on Stripes product page by default. Yet you can still make it visible. There are two ways: You can use Theme editor. Pay attention to the Additional CSS Styles section. You have to add CSS code: content_copy.box-tocart .field.qty { display: block; } You can create Argento-based custom theme and change value of LESS variable: content_copy@product-qty-field__hide: false; As a result, you will enable the quantity field. That will allow users to change the product quantity on the product page. Questions The product questions block is powered by Askit module. Visit the module page to learn more. Sold Together blocks You can customize these blocks at Stores > Configuration > Swissup > SoldTogether section. The blocks are powered by Sold Together module. Visit the module page to learn more.

Question 48

Using Argento Luxury icons

Accepted Answer

Argento Luxury includes its own set of SVG icons. You can show icons using the CSS class. For example: Also, you can assign icons to any element with less using .luxury-icon mixin. For example: .minicart-wrapper .action.showcart .text { .luxury-icon('cart'); } Here is the list of available icons: heart heart-listing customer cart cart-listing search hamburger letter cart-alt lock headphones arrow-left arrow-right bulb compass alert success error warning info

Question 49

How to renew your Argento subscription?

Accepted Answer

In case your subscription was canceled, we'd always love to have you back. We offer a discount if you're going to re-join our support and updates. It depends on your last payment date for support. If the last order was placed: No more than 2 months ago, then a rejoining fee is 25$ 3-6 months, then a rejoining fee is 50$ More than 6 months ago, then a rejoining fee is 75$. To to rejoin please place a new order on the order page and then request a partial refund contact page.

Question 50

Magento 2. Add custom CSS.

Accepted Answer

In case you want to add custom CSS in Magento 2 template, please use our instructions. We show you the simplest way to customize the theme’s style based on the Argento theme. Our template brings the possibility to create a new _argento_custom. less file, that will be automatically included and processed. Here we’ll change product links color from black to blue and update the color scheme for homepage and products page tabs. Please do as follows: #1 Navigate to the Argento theme CSS directory, you’d like to change. vendor/swissup/theme-frontend-argento-stripes/web/css/source #2 Create _argento_custom.less inside the source folder. #3 Add your custom styles: // change product links styles @product-name-link__color: #039ae4; @product-name-link__color__visited: #167fb3; // change homepage and product tabs styles @tab-control__background-color: #ef813d; @tab-control__active__background-color: #fff; @tab-control__color: #fff; @tab-content__border: 1px solid #ef813d; .product.data.items > .item.title .counter { color: inherit; } #3 Save the file and run the following bash commands to regenerate compiled styles. cd magento/root/folder rm -rf var/view_preprocessed pub/static/frontend bin/magento setup:static-content:deploy Look at the result

Question 51

Magento 2. Home Contact Us page

Accepted Answer

Contact Us page has CMS Block with general information on the left side and contact form on the right side. We placed the Map with the store location underneath. You can also see a CMS block. General Contact Information This is CMS Block with the identifier is contact_aside_cms. Here is the code for the block content. General Contact Information Online Order Queries? Telephone Online Customer Service Team From EU: (094) 90 20 386 From outside EU: (+353) 94 9020386 Online customer service desk (Opening Hours): Mon-Fri: 9am to 5pm Email Us Email us at {{config path='trans_email/ident_sales/email'}} Feedback On Our Service For any feedback on our service in store or online please email us at {{config path='trans_email/ident_general/email'}} Contact Form Contact form is default Magento 2 functionality. Location Map This is a CMS block with the identifier contact_footer_map. Here is the code for block content:

Question 52

Magento 2. Force Contact Us page

Accepted Answer

Contact Us page contains one CMS Block (left side) and a contact form (right side). General Contact Information This is CMS Block with the identifier is contact_aside_cms. Here is the code for the block content. General Contact Information Online Order Queries? Telephone Online Customer Service Team From EU: (094) 90 20 386 From outside EU: (+353) 94 9020386 Online customer service desk (Opening Hours): Mon-Fri: 9am to 5pm Email Us Email us at {{config path='trans_email/ident_sales/email'}} Feedback On Our Service For any feedback on our service in store or online please email us at {{config path='trans_email/ident_general/email'}} Contact Form Contact form is default Magento 2 functionality.

Question 53

Set a tab opened automatically on the product page

Accepted Answer

Sometimes you may want to have a product tab opened automatically on the product page. For instance, many stores show the first tab opened by default. Here we can talk about How to make the “Details” tab opened by default on the Luxury theme product page. Please do as follows: Go to Admin > Stores > Configuration > Swissup > EasyTabs. See the option: Open initially. Set it to ‘0’. Note: the value 0 makes the first tab opened by default (tab index starts with 0). In case you want to make any other tab initially opened, you have to do the same steps. Note: the value -1 - makes all tabs closed.

Question 54

Can i cancel my subscription and still use your theme?

Accepted Answer

Yes, sure you can. Your license still will be valid but the support and updates won't be available for you.

Question 55

Magento 2. Add a custom javascript to a theme.

Accepted Answer

Before adding custom js, make sure you already created a custom theme based on one of Argento themes. With the Argento theme you receive the opportunity to add a custom JS file in Magento 2 that will be automatically included on all pages. Please follow the steps. #1 Create a new directory in your custom Argento sub-theme: app/design/frontend/Local/argento-[essence|flat]-custom/web/js #2 Create argento-custom.js inside the js folder. #3 Add script skeleton: define([ 'jquery', 'domReady!' ], function($) { alert("Hi, I'm custom js file"); }); #4 Save the file and run the following bash commands to deploy the script: cd magento/root/folder php bin/magento setup:static-content:deploy

Question 56

Magento 2. Home header

Accepted Answer

Argento Home includes a Header Builder that makes it possible to replace a static Magento header with a fully customizable one. Here we show you the main elements of the header. Top Panel It contains sales email, language switcher, and currency switcher. Sales email is part of CMS block header_cms_links. It is easy to edit if you want to show other content there. Use the next code as an example: {{config path='trans_email/ident_sales/email'}} Logo The logo at Argento Home is on the left side of the header. You can change the logo using default Magento interfaces. Check this article to find out how to update the store logo. Menu The menu is right after the logo at Argento Home. The menu is powered by the Navigation Pro module. It allows for building so many attractive menus for your site. Read some guides to learn more: Build Magento 2 Mega Menu with just a few clicks. Complete guide. Create a Magento 2 Iconic Menu. A complete tutorial that helps to display the image icon for each navigation item. Menu identifier is argento_home_topmenu. Search and Minicart You can see the Search and mini cart icon on the right side of the header. The search field is hidden by default and shows up when the user clicks on its icon. The same thing works for the mini cart. You have to click on the bag icon to make it show up. Search functionality is powered by the Ajax Search module. Please visit the module page to learn more.

Question 57

Magento 2. Force header

Accepted Answer

Argento Force Header Argento Force includes a Header Builder that makes it possible to replace a static Magento header with a fully customizable one. Here we show you the main elements of the header. Slider Header slider is at the top of the page. It is visible on all pages. This slider is CMS block with id header_slider. You can edit its content in Magento Admin. Free Shipping Next working day delivery available. Customer Security is our first goal and top priority. Full Support We glad to help at every step. Swiper settings To present block content as a slider we use Swiper. data-mage-init sets options for swiper slider: autoplay": {"delay": 10000} - enable slide autoplay. delay sets time in ms between slides change. 10000ms is 10 sec. You can change the content of this slider. When you need to add a new slider, you have to place new: ... Logo You can see the logo at Argento Force on the left side of the header. It is possible to update logos using default Magento interfaces. Check this article to find out how to update the store logo. Menu The menu is in the middle of the header at Argento Force. The menu is powered by the Navigation Pro module. It allows for building so many attractive menus for your site. Read some guides to learn more: Build Magento 2 Mega Menu with just a few clicks. Complete guide. Create a Magento 2 Iconic Menu. A complete tutorial that helps to display the image icon for each navigation item. Menu identifier is argento_force_topmenu. Search and Minicart You can see the Search and mini cart icon on the right side of the header. The search field is hidden by default and shows up when the user clicks on its icon. The same thing works for the mini cart. You have to click on the bag icon to make it show up. Search functionality is powered by the Ajax Search module. Please visit the module page to learn more.

Question 58

Magento 2. Stripes header

Accepted Answer

Argento Stripes includes a Header Builder that makes it possible to replace a static Magento header with a fully customizable one. Here we show you the main element of the header. Benefits banner We displayed the banner on all pages. You can edit it under Swissup > EasyBanner > Manage Banners > argento-stripes-benefits. The banner is powered by the Easy Banners extension. Check the next code as an example: Free shipping Free for all orders over $50 24/7 support Fast, professional support Extended return period 30 days return policy Choose delivery day Flexible delivery dates

Question 59

Move product tabs under the product image

Accepted Answer

Some users may want to show product tabs under the product image. With the Luxury design, we make it possible. First, you have to create a custom theme and apply it to your store. Then you should create the file Magento_Catalog/layout/catalog_product_view.xml in the custom theme directory. A further step is to insert to the file a code mentioned below: Save file. Clean Magento Cache. Check product page at storefront.

Question 60

Is Argento available for immediate download?

Accepted Answer

Sure! You will be able to download the Argento package immediately after placing your order. We will include the download link to your order confirmation email. Please notice that Paypal can cause a delay in processing your order. So if you don't get the download link we would suggest contacting our support team.

Question 61

Magento 2. Stripes footer

Accepted Answer

In the KB article, we show you the main elements of the footer. You will see code blocks, so you can always use it to find and edit the required element faster. Argento Stripes footer consists of three CMS blocks: footer_contacts - Footer Contacts footer_cms_content - Footer CMS Content footer_payments - Footer Payments Footer Contacts Original CMS block content: Need Help? Address FifthAve Street 31 New York USA Email contact@company.com Phone +01 122 334 566 Connect With Us Footer CMS content Original CMS block content: Get help FAQ Forum Returns and Exchanges Learn more Terms & Conditions Privacy Policy Affiliate program Be inspired by Blog Typography page Testimonials Get in touch Social media Contact Us Map Footer Payments Original CMS block content:

Question 62

Magento 2. Home footer

Accepted Answer

In the KB article, we show you the main elements of the footer. You will see code blocks, so you can always use it to find and edit the required element faster. Argento Home footer consists of three CMS blocks: footer_benefits - Footer Benefits footer_cms_content - Footer CMS Content footer_newsletter - Footer Newsletter Footer Benefits Original CMS block content: Free shipping anywhere 30 day free returns Environmentally friendly Footer CMS content Original CMS block content: Contact us Marcus Terson 3 Uphold Drive Santa Bay, LL29 8LA Support Store location Privacy policy Our company About Us About us Blog Wishlist Terms of Use Carriers Footer Newsletter Original CMS block content: {{block class="Magento\Newsletter\Block\Subscribe" name="footer.newsletter" template="Magento_Newsletter::subscribe.phtml"}} Your information is safe and secure with us. Read our privacy policy.

Question 63

Magento 2. Force footer

Accepted Answer

In the KB article, we show you the main elements of the footer. You will see code blocks, so you can always use it to find and edit the required element faster. Argento Force footer consists of two CMS blocks: footer_information - Footer Information footer_cms_content - Footer CMS Content Footer Information Original CMS block content: Connect with us Store locator Find a store near your location. Support Questions? We’d be happy to help. Sign up for latest offers {{block class="Magento\Newsletter\Block\Subscribe" template="subscribe.phtml"}} Footer CMS content Original CMS block content: About Us Our retail store Data Privacy Terms and conditions Learn More Social media Contact Us Map Be inspired by Blog Typography page Testimonials Force Store FifthAve Street 31 Email Us New York USA +01 122 334 566

Question 64

Magento 2. Jumbotrons customization on homepage.

Accepted Answer

Jumbotrons — are the wide colorful blocks on the homepage of Flat, Force, Home and Luxury themes. Markup examples Class modifiers Type Class name Description Background jumbotron-image Use image as a jumbotron background Background jumbotron-pastel Use pastel background color Background jumbotron-pastel-alt Use alternative pastel background color Background jumbotron-pattern Use pattern background Background jumbotron-bright Use bright background Background jumbotron-dark Use dark background Text hero Use large titles inside jumbotron Text jumbotron-inverse Use white text and title colors Layout no-padding Do not use default paddings Layout no-padding-top Do not use default top padding Layout no-padding-bottom Do not use default bottom padding Less variables See the paragraph below on how to use these variables. Variable Variable name Default value Spacing @jumbotron__padding 25px 0 20px Background @jumbotron__background #fff Background @jumbotron-bright__background #f15922 Background @jumbotron-pastel__background #229392 Background @jumbotron-pastel-alt__background #a5205f Background @jumbotron-pattern__background url(../images/pattern.jpg) 50% 0 Background @jumbotron-image__background url(../images/bkg_sky.jpg) 50% 0 Background @jumbotron-dark__background #222337 Text @jumbotron-dark__text-color lighten(@jumbotron-dark__background, 60%) Text @jumbotron-inverse__text-color #fff Misc @jumbotron-cover-triangle__z-index 2 Customization example Let’s change default colors. Scroll down to see results. You have to create _argento_custom.less inside app/design/frontend/Swissup/argento-flat/web/css/source folder. Add your custom styles: @jumbotron__background: #fff; @jumbotron-bright__background: #22a0f1; @jumbotron-pastel__background: #842293; @jumbotron-pastel-alt__background: #6820a5; @jumbotron-dark__background: #222; @jumbotron-pattern__background: url(../images/custom/seigaiha.png) 50% 0; @jumbotron-image__background: url(../images/custom/noisy.png) 50% 0; Note: If you want to replace pattern or image backgrounds, please place them into app/design/frontend/Swissup/argento-flat/web/images/custom folder. Save the file and run the following bash commands to regenerate compiled styles cd magento/root/folder rm -rf var/view_preprocessed bin/magento setup:static-content:deploy Please check the results.