With the Argento theme, you have got the opportunity to use a custom layout for Magento 2 pages.
There are 3 layout types available:
You can switch between these layouts in the Theme Editor.
To implement one of the following layouts, please follow the instructions below.
Note: Make sure, that you don’t use the theme editor layout section for using layout LESS variables in _argento_custom.less.
Full-width layout removes width from the content wrapper which makes wide content. This layout type requires additional changes into content settings, like category columns count, homepage slider and banner widths, etc. The full-width layout uses the following LESS variables:
| Variable | Value |
|---|---|
| @layout__max-width | none |
| @page-wrapper__max-width | none |
| @page-wrapper__margin | 0px auto |
Product List changes
| Variable | Value |
|---|---|
| @product-grid-items-per-row-layout-1-screen-l | 6 |
| @product-grid-items-per-row-layout-2-screen-l | 5 |
| @product-grid-items-per-row-layout-3-screen-l | 4 |
You have to put these variables into _argento_custom.less file, and run then static content deploy command as mentioned in the article about adding custom CSS.
You will also need to update homepage slider width, "easy banner" images, "easy category" and "highlight" widgets columns count. See details in the homepage content articles for each Argento design.
This is the default Argento layout. It displays centered content with a white background around it. The Standard layout uses the following LESS variables:
| Variable | Value |
|---|---|
| @layout__max-width | 980px |
| @page-wrapper__max-width | none |
| @page-wrapper__margin | 0px auto |
You have to put these variables into _argento_custom.less file, and run then static content deploy command as mentioned in the article about adding custom CSS.
The boxed layout has paddings around the page wrapper, which makes it possible to use a body background. The boxed layout uses the following LESS variables:
| Variable | Value |
|---|---|
| @layout__max-width | 980px |
| @body__background | #f5f5f5 |
| @page-wrapper__max-width | 1024px |
| @page-wrapper__margin | 0px auto |
You have to put these variables into _argento_custom.less file, and run then static content deploy command as mentioned in the article about adding custom CSS.
We use necessary cookies to make our site work. We'd also like to set optional cookies to help us improve it. We won't set optional cookies unless you enable them. Using this tool will set a cookie on your device to remember your preferences.
Necessary cookies enable core functionality such as security, network management, and accessibility. You may disable these by changing your browser settings, but this may affect how the website functions.
| Name | Description |
|---|---|
| PHPSESSID | Preserves the visitor's session state across page requests. |
| form_key | Protects visitor's data from Cross-Site Request Forgery Attacks. |
| guest-view | Stores the Order ID that guest shoppers use to retrieve their order status. Used in “Orders and Returns” widgets. |
| login_redirect | Preserves the destination page the customer was loading before being directed to log in. |
| mage-banners-cache-storage | Stores banner content locally to improve performance. |
| mage-cache-sessid | The value of this cookie triggers the cleanup of local cache storage. |
| mage-cache-storage | Local storage of visitor-specific content that enables ecommerce functions. |
| mage-cache-storage-section-invalidation | Forces local storage of specific content sections that should be invalidated. |
| mage-messages | Tracks error messages and other notifications that are shown to the user, such as the cookie consent message, and various error messages. The message is deleted from the cookie after it is shown to the shopper. |
| private_content_version | Appends a random, unique number and time to pages with customer content to prevent them from being cached on the server. |
| section_data_ids | Stores customer-specific information related to shopper-initiated actions such as display wish list, checkout information, etc. |
| user_allowed_save_cookie, cookie_consent |
Stores the user's cookie consent state for the current domain. |
| X-Magento-Vary | Configuration setting that improves performance when using Varnish static content caching. |
| _gcl_au | |
| __stripe_mid | |
| __stripe_sid |
Preference cookies are used to store settings and information that changes the website look and functionality.
| Name | Description |
|---|---|
| easybanner | Preserves the visitor's preferences and stats regarding shown popup blocks. |
| store | Remembers the user's selected language version of a website. |
Marketing cookies help us provide our visitors with relevant content, browsing history, and product recommendations.
| Name | Description |
|---|---|
| product_data_storage | Stores configuration for product data related to Recently Viewed / Compared Products. |
| recently_compared_product | Stores product IDs of recently compared products. |
| recently_compared_product_previous | Stores product IDs of previously compared products for easy navigation. |
| recently_viewed_product | Stores product IDs of recently viewed products for easy navigation. |
| recently_viewed_product_previous | Stores product IDs of recently previously viewed products for easy navigation. |
| _fbp | This cookie is installed by Facebook to store and track visits across websites. |
| _gac_UA-38683016-1 | |
| _gcl_aw | |
| _gcl_gs |
Analytics cookies help us understand how our visitors interact with the website. It helps us understand the number of visitors, where the visitors are coming from, and the pages they navigate. The cookies collect this data and are reported anonymously.
| Name | Description |
|---|---|
| add_to_cart, remove_from_cart |
Used by Google Tag Manager. Captures the product SKU, name, price and quantity added or removed from the cart, and makes the information available for future integration by third-party scripts. |
| dc_gtm_* | Throttles request rate when Google Analytics is deployed with Google Tag Manager. |
| _fbc | |
| _ga, _gat, _gid, _ga_*, _gat_* |
This cookie is installed by Google Analytics. They are used to collect information about how visitors use our website. We use the information to compile reports and to help us improve the website. The cookies collect information in a way that does not directly identify anyone. |