Questions tagged [design]

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

67 questions with no upvoted or accepted answers
Filter by
Sorted by
Tagged with
5
votes
0answers
253 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.
3
votes
1answer
2k views

CSS not showing for "NEW" or "SALE" label

So I followed this tutorial to add "NEW" or "SALE" label for this site: http://www.ubertheme.com/docs/add-product-labels/. The label does show up on the product icon but for some reason the CSS isn't ...
2
votes
1answer
87 views

Invalid template file when installing theme

I have installed a theme into my Magento store and now I want to try to switch to that theme. After installing and setting the them in the configuration through the admin panel, I get the following ...
2
votes
1answer
36 views

Magento custom theme, overwrite block content

I developed a custom theme for Magento 1 for one of my projects. Or tried to follow the guidelines of the communites. I have not overwritten the files {layout}.xml I have created new ones on a module ...
2
votes
2answers
476 views

Magento 2: How to only apply css in catalog product page in grid view but not the list view

If i change the css in the grid view, but and the css will also apply to the list view, which is i don't want it. How can i solve that? Thank you.
2
votes
1answer
153 views

How can i make sure the css is added to my theme , it is not working

I have css file design/theme/web/style.css but it is not working or maybe the thing i am adding is not responding . i have tried my own css in header of the theme it is working there but i know it is ...
2
votes
0answers
135 views

How can I override an admin e-mail template using my design folder?

I'm trying to override module-user/view/adminhtml/email/user_notification.html in my Magento 2 installation. I know how I can do this in the admin by creating a new template that gets stored in the ...
2
votes
0answers
182 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
2answers
36 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
527 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 ...
1
vote
0answers
37 views

How to add the category with search bar in magento2?

How to add the categories drop down with title "All categories" attached with the search bar seen in the image attached here with in Magento2 ? I just need to show the search bar with "...
1
vote
1answer
49 views

Magento2 - Adobe XD to Magento2 font size

On the xd design the font-size is 55 and when I apply this font-size in my Magento layout It is bigger ? Why is it so?
1
vote
0answers
74 views

Magento2 Content -> Design -> Configuration Tables are empty

I am using Magento-2.3.4 and came to the page to change the theme and I saw only the empty tables. I looked for answers and they said allow_url_fopen to be on but it is already on. What should I do ...
1
vote
1answer
280 views

Magento suddendly messed up design

i'm in big trouble. I was working on my Magento theme and suddendly something wrong with up my website. i'm using bootstrap but it's not loading my version but the one of a plugin i installed. if i ...
1
vote
1answer
884 views

How to remove the category with search bar in Magento 2

How to remove the categories drop down with title "All categories" attached with the search bar seen in the image attached herewith in Magento 2 ? We just need to show the search bar only and no ...
1
vote
0answers
44 views

Magento 2 - How to create admin configuration for a custom theme

I cannot find a tutorial to create admin configuration for a custom theme. I need to create admin customization design and colors
1
vote
0answers
76 views

How to change the design of getPriceHtml function in Magento 1.x

I have got an issue with design of price in grid. When I get in to the design page to redesign the price showing format, it calls following function to call the design. <?php echo $this->...
1
vote
1answer
466 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
149 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 ...
1
vote
1answer
87 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 ...
1
vote
0answers
291 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
598 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> ...
1
vote
0answers
767 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 ...
0
votes
2answers
25 views

Magento frontend is breaks and shows correctly magento 2.4.2

After I set up the production mode my store is working correctly, but sometimes at the page load design get's broken and loading correctly how to fix it Magento 2.4.2. I had run the below commands. I ...
0
votes
2answers
65 views

Full page background on Magento 2 page

I'm trying to understand, how could I implement a full page background on a custom theme. For example if I want to manually create a slider inside a Magento 2 home page like this: How could I do? ...
0
votes
0answers
30 views

How to maintain equal space gap between two li items using css?

This is my design, in this i want first and last item at corner and other items in center but with equal space gap. right now i can manage either corners or equal gap. is there any way to manage both ...
0
votes
0answers
24 views

Magento 2 - How to extend core adminhtml less file?

I try to extend the file vendor\magento\module-page-builder\view\adminhtml\web\css\source\_buttons.less to add my custom styles to it. I tried to add it to my custom module and added my custom styles: ...
0
votes
0answers
23 views

Magento 2 - How to completly override a core .less file?

I need to completly replace this .less file from magento 2 core with my own file: vendor\magento\module-page-builder\view\frontend\web\css\source\content-type\button-item\_default.less but I can't ...
0
votes
0answers
14 views

Listing page product grid design not applied on home page

I am trying to add category products on the home page using widgets, the product grid is shown without design what I made on the listing page. Listing page product grid : I moved wishlist icon from ...
0
votes
1answer
35 views

How to fix the Design Configuration grid empty?

I'm running a Magento 2.3 Cloud and I saw the grid before, but after installing a theme I can't see the default options in my design grid anymore, it's in the Admin panel > Content > Design > ...
0
votes
1answer
56 views

What are the best dimensions for homepage banners for desktop and mobile?

Got some formatting issues with banners not viewing properly in mobile in landscape rotation. Height is ok but the width is wrong. Any advice on sizing images for banners and best dimensions?
0
votes
0answers
65 views

Product Page not responsive in mobile (Porto Theme)

I created a child theme for Porto theme responsiveness is working on desktop, but not in mobile. can anybody help me? could I be missing the viewport metatag only in product page? I`m a newbie to ...
0
votes
0answers
12 views

Can you help me with Magento Design Work Flow for Better UI and UX

Magento UX design is about enabling user interface in Magento websites that work on all browsers and processes with the same and efficient response.
0
votes
1answer
24 views

Fatal error when editing the custom theme pls check

Fatal error: Uncaught TypeError: Argument 2 passed to Magento\Framework\View\Element\UiComponentFactory::argumentsResolver() must be of the type array, null given, called in /var/www/html/sat/vendor/...
0
votes
1answer
13 views

Magento2.3.0 In product edit go to advance pricing there calender icon not proper showing

I am using Magento2.3.0 and go to admin side product edit inside advance pricing there special price inside calender icon not proper showing please if you have any idea how to resolve it
0
votes
1answer
65 views

After upgrade static content is set with out pub/

<html lang="en"> <head > <script> var BASE_URL = 'http://mage.test/'; var require = { "baseUrl": "http://mage.test/static/version1561748846/frontend/Brent/...
0
votes
0answers
290 views

Show Pincode/shipping availability checker in magento 2 header

I have implemented Pincode checker in Magento 2 product detail page by creating a custom module, but I need to show it in the header section and hide it from the product detail page. How can I achieve ...
0
votes
1answer
22 views

storefront design changes

I've run the following commands as I've added a new module: php bin/magento setup:upgrade php bin/magento setup:di:compile php bin/magento setup:static-contet:deploy after running those commands I'...
0
votes
1answer
307 views

uploading favicon results in error on Magento2.3?

When I try to upload a new icon, it fails with this error. Same with uploading logo image. How do I debug this further? A technical problem with the server created an error. Try again to continue ...
0
votes
1answer
29 views

Magento 2 : Information tab in Order View page design issue

No error in console tab neither in network. though i am getting design issue in order information.
0
votes
1answer
35 views

Magento 2.2 Make custom tab disappear when specific attribute is not set

I created a custom product tab that I want to use for a specific attribute set. For that attribute set I have created a number of specific attributes. The custom product tab works nice. However it is ...
0
votes
2answers
677 views

Can't change home page

Issue:- I have recently taken over a Magento site. The client would like their home page to be changed to their About Us page. When I go to the GENERAL->web->Default Pages and change the ...
0
votes
1answer
258 views

The components in Magento are designed in classes or objects?

I'm practicing drawing some basic diagrams in Magento. I have completed the use case diagram, I wonder how to draw a class diagram. I see some classes in the directory model in the modules so they ...
0
votes
0answers
102 views

Changes in app/design/frontend/Theme/theme/.../Magento_Newsletter not updating

I am trying to update some of the pages on my site and have navigated to: app/design/frontend/Meigee/hoker/Magento_Newsletter I am then editing a file called subscribe.phtml However, any changes I ...
0
votes
1answer
39 views

Front end theme customization Magento 2

I want to change the front end design of my Magento store. I have created new theme from the parent theme LUMA. I also have created html pages and css files as per my desired design. Now i want to ...
0
votes
0answers
18 views

M2.1.8 Category text appearing in 2nd column

I am creating pages with text from Categories and have selected "2 columns with right bar" in the Design tab. However the text in the category is showing in the second column - see screenshot. I ...
0
votes
1answer
376 views

Magento 2 css problem on fronted and backend

I have the following issue: I copied a project from a server to another. On the original server, everything works fine, but on the new server i don't have any css or js included in my project. I ...
0
votes
1answer
754 views

Magento 2 : Reformatting Luma Product Page

So I'm attempting to make my product detail page look nicer. As you can see it's a mess. I need to rearrange order and spacing. I've switched on template path and block hints in developer mode, but ...
0
votes
0answers
121 views

How to get Popup after 3 page

Actually, i want popup after 3 page, not on the first page and this is my code; This is simple HTML code in which you can see the output by making HTML file on the desktop. <html class="no-js" ...
0
votes
2answers
778 views

Mobile theme apply to browser responsive

I am using magento 1.9, I have created mobile theme successfully and apply it to mobile device working fine but it is not working on web browser resize. How can I apply this theme to browser resize.