Questions tagged [design]

Marks questions related to the design section which holds theming and templates.

2
votes
1answer
202 views

where to put my theme in rwd package?

I'm trying to override "content" block of page.xml. It works with default design package. I can output products in content block: but with rwd package it not overriding "content": no matter if I put ...
1
vote
1answer
431 views

Magento 2: how to disable zoom using gestures in the whole site?

Users can zoom in and zoom out on any page using gestures (index finger and thumb). How can I prevent that behavior? I'm using custom theme which inherits from Blank theme.
1
vote
0answers
104 views

why magento2 choose adaptive web design?

As we know website can be developed either Responsive Web Design(RWD) or Adaptive Web Design (AWD). RWD: No matter what the browser width may be, the site adjusts its layout AWD: Adapt to the width ...
0
votes
1answer
508 views

How to Remove a Tab from showing on Product views?? (Magento 1.9)

Currently, our product pages are appearing with a size guide tab that we do not want to show, [ I need to know what I can do to stop this tab from showing? Where would the location of the code that ...
1
vote
1answer
878 views

Magento 2: Header & Footer Not Displaying in Email

In continue with Magento 2: How to change Contact Us Email Type? I have set my new template for Contact Us. {{template config_path="design/email/header_template"}} <table> <tr> ...
0
votes
1answer
12 views

Can anyone explain what how customized theme should be set up in design tab M2

I have three listings and I do not understand how these work or how I should be setting these up to use my customized theme Cool. I have just one store and one website. Should I have all three of ...
2
votes
0answers
160 views

Set empty design layout for a controller

I've created a controller that is displaying some html code retrieved from orders.phtml file : <?php class Envato_RecentProducts_OrderController extends Mage_Core_Controller_Front_Action { ...
2
votes
3answers
2k views

Get the short description for homepage below the products?

I have a design where I need to insert three lines of the product description in home page of the product and beside the price value I need to include a title name called has "Price". Please check the ...
2
votes
1answer
785 views

Magento 2: How to move “Sign In” block in checkout below progress bar?

In blank theme checkout, the "Sign In" link is located at the top right of the page. I want to move it under the checkout progress bar. I tried this way but it didn't work.
2
votes
2answers
32 views

Is there a way to use a boilerplate for CSS?

I have to redesign an existing M2-Shop with a given style guide. That guide defines structures for headlines, sub-lines, product etc. like a style guide does. My problem is that there is no given ...
2
votes
1answer
137 views

Designing the Custom page for the product inner page

I am new to Magento CMS and I am stuck in designing the custom product page according to the design given to me. Can anyone say me where to design this actual layout to be done exactly. I have ...
1
vote
1answer
76 views

State field misaligned in billing form - Magento 2 checkout page

The state field coming top of the billing form in checkout payment page. The issue coming only in chrome browser when I refresh the page more than three times. I hope that it is because of cache ...
7
votes
1answer
907 views

How to add wrapper in checkout page in magento 2?

I want to add container div and add Shipping address and Order summary in it as below design. How can i do that? Thanks.
2
votes
1answer
385 views

Magento 2 (v2.1.2) - Choosing separate theme for product page

I am currently trying to setup an individual custom theme specifically for some products. I have another custom theme which will style/structure the rest of the site along with its own product page ...
0
votes
1answer
42 views

Will updating or patching Magento break my website?

We use Magento for our ecommerce, and have a security patch outstanding. I can probably implement this myself, but my question is, how likely is it to break our website? We have had it designed by ...
0
votes
2answers
302 views

Magento 2: Admin Move Filters & Paging to Top

I have below image in Admin. Don't know how it happened. But it moved to Bottom. I have so many pages where it moved to Bottom. How to move it to top position again.
0
votes
1answer
58 views

how to install magento 1.9 premium theme to magento 1.7 live website

Is it possible to install a theme developed for magento 1.9 version to magento 1.7 version.I have lot of customization in my current magento website which is magento version 1.7. If can how can i ...
1
vote
1answer
227 views

Magento 2: how to change the color of dots below product image gallery?

In the mobile view of product page (Blank theme) there are dots below the image gallery to indicate the active image. I tried to changed the color of those dots (orange by default) in the file I use ...
1
vote
1answer
1k views

Magento 2: how to make some JS elements expanded by default?

In the checkout (Blank theme) there is a block "Order Summary" on the right column. Inside this block, items in cart are hidden by default. If users want to see the items they have to click an arrow ...
8
votes
3answers
8k views

Magento 2: How to override Luma Theme Home Page

I'm using Magento 2 CE Version 2.1.0 on WAMP Windows 10 I already referred Magento 2: How to override mini-cart default template html file? Would like to override Magento 2 Default Luma Theme I ...
0
votes
2answers
135 views

How to change magento layout design?

I'm new to magento and would like to create a new theme. I'm trying to make sense in all of it, but I would really like to hear your approach to theming in Magento 2. So I understood only basics ...
1
vote
0answers
244 views

Online font not loading

I tried using a Adobe Typekit font with the following method. I add this to my default_head_blocks.xml inside my <head> tag: <script src="https://use.typekit.net/oti3nzu.js" src_type="url"/&...
1
vote
0answers
365 views

How do I add a Adobe Typekit font to my Magento shop

I am wondering how I can get my Typekit font working on my Magento site. Normally it works like this. HTML markup: <head> <script src="https://use.typekit.net/oti3nzu.js"></script> ...
2
votes
1answer
910 views

Magento 2: Move text “This is a required field” below swatch options

When a user don't select a size option and clicks the "Add to cart" button, the warning "This is a required field" appears under the button. I'd like that warning appear just below the swatches, not ...
0
votes
1answer
296 views

app/design/frontend/magento folder is emtpy - how do I edit my theme?

I am new to Magento. I just installed Magento 2 on a MAMP local server. Everything works so far i figured out how to create all needed files in order to create my own theme. I activated it inside the ...
2
votes
1answer
1k views

How can i integrate Bootstrap template into magento

I need to integrate bootstrap template into magento, Bootstrap template : http://obaju.ondrejsvestka.cz/
0
votes
1answer
281 views

What is the frontend Layout structure of Magento 2?

I wish to know which grid structure does magento 2 follow as in how many columns is the structure of and what is the gutter width in it. Does anyone have documentation for magento 2 frontend designer ...
0
votes
0answers
370 views

Magento 2: Error in header at checkout due to module installation

Whenever I enable a custom module (payment) the header display with design errors: Logo is removed Search bar, header links and minicart don't disappear I've tested 2 different modules (from ...
0
votes
2answers
249 views

Adding ''new'' sticker to new products

It's possible for Magento to automatically add a sticker or flash animation that says ''new'' on a product. And if it is, can it automatically remove this sticker after a period of time? hope my ...
0
votes
1answer
137 views

Why do child categories incorrectly inherit custom design from their parent when “Use Flat Catalog Category” is enabled?

On Magento 1.9.2.4, when "Use Flat Catalog Category" is set to "Yes", a child category will sometimes inherit the settings from its parent category, even if the dropdown for "Use Parent Category ...
0
votes
1answer
35 views

How can I change the template loading order?

As we all may know, when you set a template package at the admin it'll use it's default folder to provide the .xml and .phtml files. If the system doesn't find the necessary file, it will load it from ...
0
votes
1answer
395 views

Magento 2: how to set an element to disappear when viewing in mobile device?

In Blank theme, the header account links disappear from header when viewing in mobile device. Since I moved those links to another area of my store, I want to set the CSS rules to do the same. I ...
0
votes
3answers
1k views

Magento 2: How to center the Related Products block in product pages?

On Blank theme, Related Products block is aligned to the left. How can I align the block so the products are aligned at the center of the page? I tried using "text-align: center" but this causes the ...
3
votes
1answer
609 views

How to edit search icon on search form?

In responsive mode, I can inspect element to see class and values of the search icon. However in "desktop" mode, when inspecting element I haven't found the corresponding class to edit the search ...
1
vote
2answers
418 views

Magento 2.1.0 --) STORES - CONFIGURATION - GENERAL - Design --) shows “Search Engine Robots”

I installed Magento version 2.1.0. When I go into STORES -> CONFIGURATION -> GENERAL -> Design -> it shows "Search Engine Robots" just as here: Magento2 In Store/Configuration/General/Design I can ...
0
votes
1answer
725 views

How to make related/up sell products display full width of screen?

In product page, product details tab appear below the images gallery along the full width of screen. Related products appear below the details tabs. If details are moved to the right column (below ...
5
votes
4answers
2k views

Design Configuration page infinite loading

Since updating to Magento 2.1.0 I have not been able to change themes as the theme configuration page does not load. It simply shows the rotating loading icon, there are no errors shown in the console ...
1
vote
0answers
721 views

Changing theme layout to RTL

I have magento theme with a two store views english and arabic the default theme is working great for the english view but for arabic view i want to change all the layout to be RTL What is the best ...
2
votes
2answers
3k views

Magento 2: How to add multiple locally stored fonts?

I want add one locally stored font in my custom theme folder. I followed the instructions here: http://devdocs.magento.com/guides/v2.0/frontend-dev-guide/css-topics/using-fonts.html But the ...
0
votes
1answer
477 views

Magento 2: How to override footer CSS class in Blank theme?

I've already extended some styles from Blank theme, however I haven't been able to override styles from class: .footer.content ul > li In my theme, I created a custom block in the footer. I can ...
4
votes
1answer
2k views

Magento 2: How to move additional product attributes to Details tab?

In Blank theme, attributes other than description display under More information tab. In my theme, I want to move attributes from More Information to Details tab. Example: Details tab contains ...
2
votes
1answer
60 views

Apply new exception theme for I-Pad portrait mode

I have a requirement where my client gives me different design for I-Pad portrait mode And tell me that no need to change design for landscape mode. So I need to know what is the user agent matched ...
0
votes
1answer
215 views

Magento 2: How to display product attribute in new window?

In the sizing section of the product pages, I want to include a link which display the item's measurements in a new window. You can check this page from netaporter to see what I mean. When you click ...
0
votes
1answer
36 views

Strange product list look : which Magento module?

Does someone know which Magento module allow to do product list look like this : https://www.gemmyo.com/pour-elle/les-essentiels/bagues.html ? Thx
3
votes
0answers
233 views

How to display crossed swatches for not available sizes in Magento 2?

I've set up a text swatch for sizes S, M, L. When a size is sold out I want Magento to display the sold out size with a red mark instead of hiding that size option.
7
votes
2answers
11k views

Magento 2: How to change the default country in the “Estimate shipping” block in cart?

I've set my default country (Spain) in admin, also set it to be the only destination country available for shipping, however in the cart the default country is United States. How can I change it?
1
vote
2answers
7k views

How to remove the Add to Cart button from Catalog pages in Magento 2?

How to remove the Add to Cart button from Catalog pages only?
25
votes
4answers
17k views

Theming for Magento 2 - Starting from scratch

Some of you probably read that topic regarding theming from scratch for Magento 1: Theming - starting from scratch I was wondering, what would be the best practice to develop a theme from scratch for ...
3
votes
1answer
9k views

Magento 2: How to move Details tab to product info column?

In Magento 2, the Blank theme displays the Details tabs below product images. How to move this block to the product info column (right side of the page, under Add to cart button)?
15
votes
3answers
2k views

Magento2 design fallback logic

We already know design fallback logic from Magento 1.x: Current package / Current Theme Current Package / Default theme Base Package / Default theme Now. i want to know What is the design fallback ...