1. How to edit the content of the Automotive Shop page?



The Automotive Shop page is set as the default shop page:




So, you can edit the products' layout in Customize > Woocommerce:





On the other hand, the Automotive Shop page (https://auto-repair.vamtam.com/shop/) can have custom local settings like a specific header slider, header featured area, sidebar, etc.





and some content that will appear over the default Woocommerce products:



This content is added using the Vamtam Drag & Drop builder (Guide to VamTam Drag and Drop Builder / Visual Composer) - you can edit it here:



and 




2. How to duplicate the content of the Automotive Shop page?



2.1. Please note that in order to have the demo products, widgets and header slider, you'll have to import dummy content from Vamtam > Quick install

2.2. You can copy the page's header settings http://tinyurl.com/yyxsayxh from instruction #3 (at the end of this guide) 

2.3. You can copy the content of the page manually, following this guide: How To Copy An Individual Demo Page - Get the code



3. How to change the color of the 4 icons under the slider







In order to change the color of the 4 icons under the slider / or edit this content in the Automotive shop page (https://auto-repair.vamtam.com/shop/), please follow the steps below:


 


Step 1:

Please go to Pages >  Automotive shop > Edit > "Header Featured Area" (under local page's Vamtam options)











Step 2: 

Please copy the original demo's code and paste it into the "Text" tab of a post/page text editor and click Publish:





Below is the demo content of the Header Featured Area: 


----------------------------

Here's the original code:


[column parallax_bg="disabled" parallax_bg_inertia="-0.2" extended="true" extended_padding="true" background_color="#ffffff" background_image="" background_repeat="" background_position="" background_size="auto" background_attachment="" hide_bg_lowres="false" background_video="" vertical_padding_top="0" vertical_padding_bottom="0" more_link="" more_text="" left_border="transparent" class="" id="" title="" title_type="single" animation="none" width="1/1" last="true"]


[column_1 parallax_bg="disabled" parallax_bg_inertia="-0.2" extended="false" extended_padding="true" background_color="" background_image="" background_repeat="" background_position="" background_size="auto" background_attachment="" hide_bg_lowres="false" background_video="" vertical_padding_top="20" vertical_padding_bottom="0" more_link="" more_text="" left_border="transparent" class="move-into-slider-2" id="" title="" title_type="single" animation="none" width="1/1" last="true"]


[column_2 parallax_bg="disabled" parallax_bg_inertia="-0.2" extended="false" extended_padding="true" background_color="" background_image="" background_repeat="" background_position="" background_size="auto" background_attachment="" hide_bg_lowres="false" background_video="" vertical_padding_top="0" vertical_padding_bottom="10" more_link="" more_text="" left_border="transparent" class="" id="" title="" title_type="single" animation="none" width="1/5"]


[push h="20"]<h4 style="text-align: center;">Why shop with us?</h4>


[/column_2]


[column_2 parallax_bg="disabled" parallax_bg_inertia="-0.2" extended="false" extended_padding="true" background_color="" background_image="" background_repeat="" background_position="" background_size="auto" background_attachment="" hide_bg_lowres="false" background_video="" vertical_padding_top="0" vertical_padding_bottom="10" more_link="" more_text="" left_border="#E8E8E8" class="" id="" title="" title_type="single" animation="none" width="1/5"]


[push h="-22"  hide_low_res="true"][icon name="theme-plane" style="box" color="accent5" size="26" ][push h="-15"]<h4>Free Shipping</h4>
[push h="-8"]<h6>ON ORDERS WORTH $50 OR MORE</h6>


[/column_2]


[column_2 parallax_bg="disabled" parallax_bg_inertia="-0.2" extended="false" extended_padding="true" background_color="" background_image="" background_repeat="" background_position="" background_size="auto" background_attachment="" hide_bg_lowres="false" background_video="" vertical_padding_top="0" vertical_padding_bottom="10" more_link="" more_text="" left_border="#E8E8E8" class="" id="" title="" title_type="single" animation="none" width="1/5"]


[push h="-22"  hide_low_res="true"][icon name="theme-wallet" style="box" color="accent5" size="26" ][push h="-15"]<h4>Warehouse Prices</h4>
[push h="-8"]<h6>WITH LOW PRICE GUARANTEE</h6>


[/column_2]


[column_2 parallax_bg="disabled" parallax_bg_inertia="-0.2" extended="false" extended_padding="true" background_color="" background_image="" background_repeat="" background_position="" background_size="auto" background_attachment="" hide_bg_lowres="false" background_video="" vertical_padding_top="0" vertical_padding_bottom="10" more_link="" more_text="" left_border="#E8E8E8" class="" id="" title="" title_type="single" animation="none" width="1/5"]


[push h="-22"  hide_low_res="true"][icon name="theme-shield" style="box" color="accent5" size="26" ][push h="-15"]<h4>Secure Shopping</h4>
[push h="-8"]<h6>CERTIFIED BY AUTHORITIES</h6>


[/column_2]


[column_2 parallax_bg="disabled" parallax_bg_inertia="-0.2" extended="false" extended_padding="true" background_color="" background_image="" background_repeat="" background_position="" background_size="auto" background_attachment="" hide_bg_lowres="false" background_video="" vertical_padding_top="0" vertical_padding_bottom="10" more_link="" more_text="" left_border="#E8E8E8" class="" id="" title="" title_type="single" animation="none" width="1/5" last="true"]


[push h="-22"  hide_low_res="true"][icon name="theme-layers" style="box" color="accent5" size="26" ][push h="-15"]<h4>Largest Selection</h4>
[push h="-8"]<h6>OF TOP QUALITY PRODUCTS</h6>


[/column_2]

[/column_1]


[column_1 parallax_bg="disabled" parallax_bg_inertia="-0.2" extended="false" extended_padding="true" background_color="#919191" background_image="http://auto-repair.demo.vamtam.com/wp-content/uploads/2014/11/bg_shop_banner-1.jpg" background_repeat="no-repeat" background_position="right center" background_size="cover" background_attachment="scroll" hide_bg_lowres="false" background_video="" vertical_padding_top="20" vertical_padding_bottom="20" more_link="" more_text="" left_border="transparent" class="" id="" title="" title_type="single" animation="none" width="1/3"]


<h4 class="accent-5">Routine Maintenance</h4>
<span class="vamtam-font-style-2 with-color">$39</span>

<p>Over 900 Five Star Reviews<br>
Fee Diagnosis & Brake Check</p>
[push h="15"]
[button id="" style="filled" class="" align="" link="#" linkTarget="_self" bgColor="accent1" hover_color="accent3" font="14" icon="theme-arrow-right22" icon_placement="right" icon_color="accent1"]Buy now[/button]

[/column_1]


[column_1 parallax_bg="disabled" parallax_bg_inertia="-0.2" extended="false" extended_padding="true" background_color="#919191" background_image="http://auto-repair.demo.vamtam.com/wp-content/uploads/2014/11/bg_shop_banner-2.jpg" background_repeat="no-repeat" background_position="right center" background_size="cover" background_attachment="scroll" hide_bg_lowres="false" background_video="" vertical_padding_top="20" vertical_padding_bottom="20" more_link="" more_text="" left_border="transparent" class="" id="" title="" title_type="single" animation="none" width="1/3"]


<h4 class="accent-5">Popular Replacement Parts</h4>
<span class="vamtam-font-style-2 with-color">$180</span>

<p>Over 900 Five Star Reviews<br>
Fee Diagnosis & Brake Check</p>
[push h="15"]
[button id="" style="filled" class="" align="" link="#" linkTarget="_self" bgColor="accent1" hover_color="accent3" font="14" icon="theme-arrow-right22" icon_placement="right" icon_color="accent1"]Buy now[/button]

[/column_1]


[column_1 parallax_bg="to-centre" parallax_bg_inertia="-0.2" extended="false" extended_padding="true" background_color="#FCEA00" background_image="http://auto-repair.demo.vamtam.com/wp-content/uploads/2014/11/footer_bg_pattern.png" background_repeat="no-repeat" background_position="center center" background_size="auto" background_attachment="scroll" hide_bg_lowres="false" background_video="" vertical_padding_top="10" vertical_padding_bottom="5" more_link="" more_text="" left_border="transparent" class="" id="" title="" title_type="single" animation="none" width="1/3" last="true"]


<h2>Receive Special <br> Offers</h2>



[contact-form-7 id="" title="Subscribe-offers"]

[/contact-form-7]

[/column_1]

[/column]

----------------------------






Step 3:
Please switch to the Vamtam tab editor and make the changes you need:



and How to use shortcodes when you need to edit the icons and buttons: 






Step 4:
Please switch back to the Text editor and copy the edited code. You can use the shortcut setting: Cmd+C / Ctrl+C (for Copy) and Cmd+V / Ctrl+V (for Paste)




Step 5:
Please go to Pages >  Automotive shop > Edit > "Header Featured Area" (under local page's Vamtam options) and paste the code.


Step 6:
Hit "Update" button.


Step 7:
To see the changes please refresh your browser and/or clear browser cache.