Magento. 如何编辑滑块

本教程展示了如何进行编辑 slider in 线上购物的模板

1. 打开admin部分并转到 CMS->Pages and open Home page.

2. Open Content tab. 在那里你会找到代码 slider.

3. Code like

显示图像名称 slider.

Let’s change slider image.

在这个模板中图像为 slider are located in \skin\frontend\ \默认\ theme291 \图像media folder. 图像被称为 slider_img_1.png, slider_img_2.png etc. 您可以直接替换图像, 只需使用相同的图像名称, 扩展和尺寸为您的图像. 您可以使用 ftp or hosting file manager.

为了改变图像路径，我们应该编辑上面的代码. Just change slider_img_1.PNG与您自己的图像名称. 修改后的代码应该是这样的

下面你会看到修改后的 slider image.

4. 下面的代码指定了图像的代码 logo 这是用在 slider, text for slider 有价格和产品链接.

VPCSA33GX/SI
 Laptop Computer
Intel Core i5-2430M 2.40GHz, 4GB DDR3, 128GB SSD, DVDRW, 1GB AMD Radeon HD 6630M, Backlit Keyboard, 13.3" Display, Windows 7 Professional 64-bit
SAVE $499
$1,299
 

4.1. 让我们修改产品链接. 打开特定的产品在您的网站和复制部分链接突出显示 screenshot below:

4.2. Replace original link like html"> with the one copied in previous step. 修改链接后的代码应该是这样的:

VPCSA33GX/SI
 Laptop Computer
Intel Core i5-2430M 2.40GHz, 4GB DDR3, 128GB SSD, DVDRW, 1GB AMD Radeon HD 6630M, Backlit Keyboard, 13.3" Display, Windows 7 Professional 64-bit
SAVE $499
$1,299
 

4.3. 为了更改文本，您需要在上面指定的代码中编辑文本. 请保持相同的标签结构，以便得到正确 layout.

4.4. 在我们的模板中 slider has logo 在下列代码中指明:

4.5. 请对所有幻灯片执行相同的操作.

You can change logo 把它想象成 slider image. 的修改后的代码如下 slider (第一张幻灯片):

VPCSA33GX/SI
New Product


New configuration!!! 44GB DDR3, Your text Windows 7 Pro x64t


SAVE $999

$1,220

 

Check the screenshot with modified slider:

请随时查看下面的详细视频教程:

Magento. 如何编辑滑块