E-commerce product-page edit design layout
Autor: Peer L.
Visitado 1148,
Seguidores 1,
Compartilhado 0
Where can I edit the product, detail page layout?
I need more space above, the product is behind my sticky bar, I need to insert a separator. And I want to insert a return button. And I want to modify the add button.
I cant edit the special page in the sitemap that way.
Is there any chance to edit the layout?
Publicado em
Sometimes this is only possible via the general settings under "2" Text Styles, Fields & Buttons or under "3" at the bottom of Onlineshop: Product Page.
Since this product page is a script-generated page, you can only intervene here via individual CSS code.
If you mark the Onlineshop: Product page and go under "Properties" tab "Advanced", you can insert this code...
<style>#im-product-container {padding-top: 100px!important;} </style>
Autor
Hello Andreas,
Thanks a lot.
I managed to insert a separator via the HTML field in the properties of the product page. But I can't manage to deactivate the add button in the detail page. I want to list real estate properties, so an add button is rediculous. I can switch of the buttons in the product listing, but it appears again on the details page.
Autor
And there is no return button on the detail page.
Try adding this code to the other one! Inside the brackets <style>
.product-quantity-add, .product-add {display: none;}
Usually you just need to link the word "Return" to your product page in the text of the product details.
But you can try to insert a HTML code in the text area.
<button> Return</button>
Autor
Hallo Andreas, vielen lieben Dank. Bißchen rumpelig, aber ne gute Lösung. Ein Eintrag in der Sitemap von X5 wäre eleganter. Der Add Button ist unsichtbar, der Caounter leider noch nicht. Aber immerhin...
Kannst du mir die Seite zeigen, damit ich es direkt sehe was du meinst?
Autor
die Seite ist noch im Aufbau, aber als Beispiel wähle hier mal unten rechts das produkt yearly marchamo
https://pura-vida-assistant.com/products.php
Danke & Gruß
Peer
Es gehört der Code so ausgebessert!
.product-quantity-add, .product-add {display: none!important;}
Autor
Wow, cool. danke.
schade, dass sich hier keiner von x5 meldet.
ich komme bestimmt noch mal auf dich zu...;)