2014-06-09 3 views
0

내 고용주를위한 Volusion 상점의 요소를 재 배열하려고합니다. 우리가 현재 가지고있는 제품 페이지는 ThisCSS (Volusion Details) 만 사용하여 재배치

("배울 준비가되어 있지 않습니다"란 말은 포함되어 있지 않습니다. 가격 상자 이 상자는 다른 분기의 "깊이"와 거의 동일한 중첩 테이블의 계층에 포함 된 테이블입니다.

페이지에 대한 HTML에 대한 액세스 권한이 없으며 템플릿 html 관련 CSS와 함께 메뉴와 바닥 글을 생성하는 파일입니다. 일부 JS는 사이트에 있지만 경험이 없으므로 주저합니다.

table-and-div 구조체에 대한 설명과 HTML을 편집 할 수 없다는 사실 때문에 스타일 시트와 자바 스크립트를 수정해야합니다. 내 문제는 다음과 같습니다. 어떻게 이러한 도구 만 사용하면 하나의 컨테이너에서 요소를 가져 와서 다른 컨테이너의 요소를 기준으로 위치를 바꿀 수 있습니까? 시도했습니다. Position:Relative; left:some percentage; top:some negative percentage;

하나의 페이지에 대해 꽤 잘 볼 수는 있지만, 다른 사람들이 페이지를로드 할 수있게하면 페이지의 요소가 완전히 분리된다는 사실 때문에 내가 움직이는 것은 화면 너비를 기반으로 계산되며 대상 컨테이너는 너비에서 일정 값 (제품의 이미지)을 뺀 값으로 계산됩니다.

내 고용주가 그 약정이 완벽하지 않다는 것을 받아 들일 용의가 있으며, Volusion은 악마가 복합체라는 것을 알고 있습니다. 그러나 그들의 제품은 모든 관련 정보를 "겹쳐서 표시"하는 것이 중요합니다. 분명히 이것에 대한 답변을 찾지 못했습니다. 나는 원시 코드에 접근하지 않고 웹 페이지를 편집해야하는 많은 사람들을 찾지 못한다. 왜냐하면 그것은 어리 석다. 더 나쁜 것은, 완전히 다른 컨테이너와 정렬되도록 요소를 이동하는 것은 내가 수집하는 것만 큼 나쁜 정책 일뿐 아니라 달성해야하는 것입니다.

답변

0

Volusion에서이를 수행하는 유일한 방법은 javascript를 사용하는 것입니다. 제품 페이지의 HTML에 액세스 할 수 없으며 테이블이 내장되어 있으므로 CSS를 사용하여 제품 설명 영역을 이동할 수 없습니다.

제품 정보 영역 아래의 제품 설명 상자를 분리하고 추가하려면 javascript를 사용해야합니다.

+0

사이트 전체 템플릿에 스크립트를 넣어야한다고 생각합니다. 확실하지는 않지만 모든 페이지에서 무의미한 스크립트를로드 할 때 성능 문제가 발생할 수 있습니다. 아니면 생각보다 훨씬 간단합니까? – HemoGoblin

+0

예, 전체 템플릿 (또는 거기에서 링크 된 자바 스크립트)에 있어야합니다. Volusion의 모든 제품 페이지는 URL 및 HTML 구조 측면에서 비슷한 구조를 가지므로 if 문으로 시작하여 적어도 다른 곳에서 모든 것을 실행하지 않는 제품 페이지인지 확인할 수 있습니다. 다소 느려지지만 선택의 여지가 없습니다. 그것은 Volusion에서 할 수있는 유일한 방법입니다. – developerscott

0

주위가 없습니다 ... HTML 파일에 액세스해야합니다. 당신은 절대적인 자세로 그것을 할 수 있지만 그것은 좋은 연습이 아닙니다.

템플릿으로 작업하고 있으므로, 해당 페이지의 배열을 변경하면 다른 모든 제품 페이지가 따라옵니다. 따라서 HTML을 찾을 수없는 이유는 아마 .html을 포함하는 .php를 찾고 있기 때문일 것입니다.

템플릿을 이해하거나 전문가를 구하는 것이 좋습니다.

+0

나는 템플릿을 잘 이해하고 있으며 제품 페이지가 모두 동일한 영향을 받는다는 것을 이해합니다. 그 점이 중요합니다. 나는 그 목표를 달성 할 수 있다고 들어 본 적이없는 트릭이 있는지보기 위해 간단하게 노력했습니다. Volusion이 도움이되지 않습니다. 처음에는 마크 업을 우회하려고합니다. 정직한 평가 주셔서 감사합니다. 의심의 여지가 있습니다. 나는 그들에게 그 가능성을 말하지 않으면 안될 것 같아. – HemoGoblin

+0

당신의 코멘트를 다시 읽은 후의 추가 노트 : html을 찾지 못했고, 그 접근이 제한되어 있으며, 사용자가 접근하지 못하게하는 코드를 기반으로 페이지가 생성됩니다.나는 단지 그것을 무시할 수 있습니다. – HemoGoblin