The information in this thread might be outdated
If the solution did not help, please, check our Help Portal or contact Ecwid Team.
 
 
Thread Tools Display Modes
  #1  
Old 01-17-2017, 02:00 PM
emco's Avatar
emco is offline
Junior Member
 
Join Date: Dec 2016
Posts: 1
Default

Adding new elements to the design


Can I make serious changes to the product's page design? not only hiding elements, but adding new div to the HTML (using e.g. JavaScript) or changing the position of a certain HTML div in the page, e.g. changing the position of the gallery to make it appears below the main product image instead of its current position to the left of the image.
  #2  
Old 01-24-2017, 08:45 PM
Cyril D's Avatar
Cyril D Cyril D is offline
Ecwid Team
 
Join Date: Feb 2015
Location: Ecwid HQ
Posts: 530
Default

Hi! Thanks for contacting us.
Quote:
Can I make serious changes to the product's page design? not only hiding elements, but adding new div to the HTML (using e.g. JavaScript) or changing the position of a certain HTML div in the page, e.g. changing the position of the gallery to make it appears below the main product image instead of its current position to the left of the image.
Sure you can! As I understand, you already know you can change the look and feel of your Ecwid store by means of CSS codes. CSS allows you easily hide elements (you already mentioned that), move them around a bit, change their colors and sizes. However, if you need to significantly change the design of store pages, you should be able to update the HTML code of store pages and their markup.

Since Ecwid is a SaaS solution and all the store data is stored and processed on our own servers, Ecwid users don't have a direct access to HTML codes of their store pages. That's why we implemented a set of tools that allows changing Ecwid's markup dynamically, on-the-fly, by means of JavaScript and our JavaScript API—see all necessary links below. This API allows changing the default layout the way you want.

Another way to get a completely different look for your Ecwid store is utilizing our REST API. With this API, you can dynamically get all the store data you need and based on that data build your own storefront. The guys from Smooth Sailing Co. went this way and you never say their shop is Ecwid until you look under the hood:
Links on the topic:
__________________
Cyril D.
Ecwid Customer Care Team

More tips and hints on Ecwid use in our Help Center

⬇ Please click Thanks if my reply helped you.
The Following 2 Users Say Thank You to Cyril D For This Useful Post:
emco (02-01-2017), smartMart (01-26-2017)
 
The information in this thread might be outdated
If the solution did not help, please, check our Help Portal or contact Ecwid Team.

Tags
design, html, product browser

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 05:09 PM.
Powered by vBulletin® Version 3.8.11. Copyright ©2000 - 2020, Jelsoft Enterprises Ltd.